<!--
                                                                                                             
                                                                                                             
                                              :::::::::::::::::                                              
                                        :::::::::::::::::::::::::::::                                        
                                    :::::::::                   :::::::::                                    
                                 :::::::                             :::::::         ::                      
                              ::::::                                     ::::::     ::::                     
                            :::::                                           :::    ::::::                    
                          :::::                                                  :::::::::                   
                        :::::                                                   ::::::::::::                 
                       ::::                                                    ::::::::::::::                
                      ::::                                                    ::::::::::::::::               
                    ::::                                                     ::::::::::::::::::              
                   ::::                                                      ::::::::::::::::::              
                  ::::                                                      ::::::::::::::::::::             
                  :::                                                        ::::::::::::::::::              
                 ::::                                                        ::::::::::::::::::              
                ::::                  ##########          ##########          ::::::::::::::::               
                :::                 ##############      ##############          ::::::::::::                 
               ::::                ####        ####    ####        ####           ::::::::                   
               ::::                ###          ####  ####          ###                     ::               
               :::                 ###          ###    ##           ###                    :::               
               :::                                                                         :::               
               :::                                                                         :::               
               :::                                                                         :::               
               :::                                                                         :::               
               ::::                                                                       ::::               
               ::::                   ###                        ###                      ::::               
                :::                   ####                      ####                      :::                
                ::::                    ####                  ####                       ::::                
                 ::::                    #####              #####                       ::::                 
                  :::                      #######      #######                         :::                  
                  ::::                        ##############                           ::::                  
                   ::::                                                               ::::                   
                    ::::                                                             ::::                    
                      ::::                                                         ::::                      
                       ::::                                                       ::::                       
                        :::::                                                   :::::                        
                          :::::                                               :::::                          
                            :::::                                           :::::                            
                              ::::::                                     ::::::                              
                                 :::::::                             :::::::                                 
                                    :::::::::                   :::::::::                                    
                                        :::::::::::::::::::::::::::::                                        
                                              :::::::::::::::::                                              
                                                                                                             
                                                                                                             
-->

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<title>FeverMap | Interaktive Fieber-Geodaten aus der FeverApp</title>
<!-- Meta Description -->
<meta name="description" content="FieberMaps visualisiert anonymisierte Fieberverläufe und Symptom-Daten der FeverApp in interaktiven Karten – gefördert vom BMBF, geleitet von Prof. Dr. David Martin.">

<!-- Meta Keywords -->
<meta name="keywords" content="FieberMaps, FeverApp, interaktive Fieberkarte, Fieberverläufe, Fiebersymptome, Fieberdatenvisualisierung, BMBF Gesundheitsforschung, epidemiologische Karten, kindergesundheit">
<link rel="shortcut icon" href="https://fevermap.de/favicon.svg" />
<!-- Open Graph Meta Tags -->
<meta property="og:url" content="https://fevermap.de">
<meta property="og:type" content="website">
<meta property="og:title" content="FeverMap | Interaktive Fieber-Geodaten auf Basis der FeverApp.">
<meta property="og:description" content="FieberMaps visualisiert anonymisierte Fieberverläufe und Symptom-Daten der FeverApp in interaktiven Karten – gefördert vom BMBF, geleitet von Prof. Dr. David Martin.">
<meta property="og:image" content="https://fevermap.de/fevermap-opengraph.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="fevermap.de">
<meta property="twitter:url" content="https://fevermap.de">
<meta name="twitter:title" content="FeverMap | Interaktive Fieber-Geodaten auf Basis der FeverApp.">
<meta name="twitter:description" content="FieberMaps visualisiert anonymisierte Fieberverläufe und Symptom-Daten der FeverApp in interaktiven Karten – gefördert vom BMBF, geleitet von Prof. Dr. David Martin.">
<meta name="twitter:image" content="https://fevermap.de/fevermap-opengraph.png">

<link rel="stylesheet" type="text/css" href="style.css" media="screen, print">
<link rel="stylesheet" type="text/css" href="css/localfonts.css" media="screen, print">
<link rel="stylesheet" type="text/css" href="css/normalize.min.css" media="screen, print">
<link rel="stylesheet" type="text/css" href="css/smartslider.min.css" media="screen, print">
<link rel="stylesheet" type="text/css" href="css/fontawesome.min.css" media="screen, print">
<link rel="stylesheet" type="text/css" href="css/linearicons.min.css" media="screen, print">


<style>
  #scroll-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 6px;
    width: 0%;
    background: linear-gradient(90deg, rgba(255,182,182,0.6), rgba(198,203,255,0.6));
    box-shadow:
      inset 0 1px 3px rgba(255, 255, 255, 0.4),
      inset 0 -1px 4px rgba(0, 0, 0, 0.05),
      0 2px 6px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    backdrop-filter: blur(3px);
    z-index: 9999;
    transition: width 0.25s ease-out;
    pointer-events: none;
  }
</style>

<script>
(function () {
    this._N2 = this._N2 || {
        _r: [],
        _d: [],
        r: function () { this._r.push(arguments) },
        d: function () { this._d.push(arguments) }
    }
}).call(window);

!function (e, i, o, r) {
    i = e.match(/(Chrome|Firefox|Safari)\/(\d+)\./);
    if (i) {
        if (i[1] == "Chrome") r = +i[2] >= 32;
        else if (i[1] == "Firefox") r = +i[2] >= 65;
        else if (i[1] == "Safari") {
            o = e.match(/Version\/(\d+)/) || e.match(/(\d+)[0-9_ ]+ like Mac/);
            r = +o[1] >= 14;
        }
        if (r) document.documentElement.classList.add("n2webp");
    }
}(navigator.userAgent);
</script>

<script src="js/n2.min.js"></script>
<script src="js/smartslider-frontend.min.js"></script>
<script src="js/ss-showcase.min.js"></script>
<script src="js/w-arrow-image.min.js"></script>
<script src="js/w-bullet.min.js"></script>

<script>
_N2.r('documentReady', function () {
    window.n2ScrollSpeed = 400;

    _N2.r(
        [
            "documentReady",
            "smartslider-frontend",
            "ss-showcase",
            "SmartSliderWidgetArrowImage",
            "SmartSliderWidget",
            "SmartSliderWidgetBulletTransition"
        ],
        function () {
            new _N2.SmartSliderShowcase('n2-ss-71', {
                "admin": false,
                "background.video.mobile": 1,
                "loadingTime": 2000,
                "randomize": {
                    "randomize": 0,
                    "randomizeFirst": 0
                },

                "callbacks": "<script>\r\n  window.addEventListener('message', function (event) {\r\n\r\n    const data = event.data;\r\n\r\n    if (data && typeof data.filter === 'string') {\r\n      document.documentElement.style.filter = data.filter;\r\n      document.body.style.filter = data.filter;\r\n    }\r\n  });\r\n\r\n\r\n<\/script>\r\n",

                "alias": {
                    "id": 1,
                    "smoothScroll": 1,
                    "slideSwitch": 1,
                    "scroll": 1
                },
                "align": "normal",
                "isDelayed": 0,

                "responsive": {
                    "mediaQueries": {
                        "all": false,
                        "desktopportrait": ["(min-width: 1200px)"],
                        "tabletportrait": [
                            "(orientation: landscape) and (max-width: 1199px) and (min-width: 901px)",
                            "(orientation: portrait) and (max-width: 1199px) and (min-width: 701px)"
                        ],
                        "mobileportrait": [
                            "(orientation: landscape) and (max-width: 900px)",
                            "(orientation: portrait) and (max-width: 700px)"
                        ]
                    },
                    "base": {
                        "sliderWidth": 1200,
                        "sliderHeight": 800,
                        "slideWidth": 1200,
                        "slideHeight": 800
                    },
                    "hideOn": {
                        "desktopLandscape": false,
                        "desktopPortrait": false,
                        "tabletLandscape": false,
                        "tabletPortrait": false,
                        "mobileLandscape": false,
                        "mobilePortrait": false
                    },
                    "onResizeEnabled": true,
                    "type": "fullwidth",
                    "sliderHeightBasedOn": "real",
                    "focusUser": 1,
                    "focusEdge": "top-force",

                    "breakpoints": [
                        {
                            "device": "tabletPortrait",
                            "type": "max-screen-width",
                            "portraitWidth": 1199,
                            "landscapeWidth": 1199
                        },
                        {
                            "device": "mobilePortrait",
                            "type": "max-screen-width",
                            "portraitWidth": 700,
                            "landscapeWidth": 900
                        }
                    ],

                    "enabledDevices": {
                        "desktopLandscape": 0,
                        "desktopPortrait": 1,
                        "tabletLandscape": 0,
                        "tabletPortrait": 1,
                        "mobileLandscape": 0,
                        "mobilePortrait": 1
                    },

                    "sizes": {
                        "desktopPortrait": {
                            "width": 1200,
                            "height": 800,
                            "max": 3000,
                            "min": 1200
                        },
                        "tabletPortrait": {
                            "width": 701,
                            "height": 467,
                            "customHeight": false,
                            "max": 1199,
                            "min": 701
                        },
                        "mobilePortrait": {
                            "width": 320,
                            "height": 213,
                            "customHeight": false,
                            "max": 900,
                            "min": 320
                        }
                    },

                    "overflowHiddenPage": 0,
                    "focus": {
                        "offsetTop": "#wpadminbar",
                        "offsetBottom": ""
                    }
                },

                "controls": {
                    "mousewheel": 0,
                    "touch": "0",
                    "keyboard": 0,
                    "blockCarouselInteraction": 1
                },

                "playWhenVisible": 1,
                "playWhenVisibleAt": 0.5,

                "lazyLoad": 1,
                "lazyLoadNeighbor": 0,

                "blockrightclick": 0,
                "maintainSession": 0,

                "autoplay": {
                    "enabled": 0,
                    "start": 1,
                    "duration": 8000,
                    "autoplayLoop": 1,
                    "allowReStart": 0,
                    "pause": {
                        "click": 1,
                        "mouse": "0",
                        "mediaStarted": 1
                    },
                    "resume": {
                        "click": 0,
                        "mouse": "0",
                        "mediaEnded": 1,
                        "slidechanged": 0
                    },
                    "interval": 1,
                    "intervalModifier": "loop",
                    "intervalSlide": "current"
                },

                "perspective": 1000,

                "layerMode": {
                    "playOnce": 1,
                    "playFirstLayer": 1,
                    "mode": "skippable",
                    "inAnimation": "mainInEnd"
                },

                "parallax": {
                    "enabled": 1,
                    "mobile": 0,
                    "is3D": 1,
                    "animate": 1,
                    "horizontal": "mouse-invert",
                    "vertical": "mouse-invert",
                    "origin": "slider",
                    "scrollmove": "both"
                },

                "postBackgroundAnimations": 0,
                "carousel": 0,
                "carouselSideSlides": 1,

                "showcase": {
                    "duration": 800,
                    "ease": "easeOutQuad",
                    "direction": "horizontal",
                    "distance": 0,
                    "animate": {
                        "opacity": null,
                        "scale": {
                            "before": 0.8,
                            "active": 1,
                            "after": 0.8
                        },
                        "x": null,
                        "y": null,
                        "z": null,
                        "rotationX": {
                            "before": -30,
                            "active": 0,
                            "after": 30
                        },
                        "rotationY": null,
                        "rotationZ": null
                    },
                    "overlay": "1"
                },

                "initCallbacks": function () {
                    this.sliderElement.querySelectorAll('.n2-ss-highlighted-heading-highlighted')
                        .forEach((function (el) {
                            new _N2.FrontendItemHighlightedHeading(el, this)
                        }).bind(this));

                    new _N2.FrontendItemTransition(this, "n2-ss-71item2", "Fade");
                    new _N2.SmartSliderWidgetArrowImage(this);
                    new _N2.SmartSliderWidget(this, 'html', '.n2-widget-html');

                    new _N2.SmartSliderWidgetBulletTransition(this, {
                        "area": 12,
                        "dotClasses": "n2-style-b0701c87e684ae37df6bbd33acb88c79-dot ",
                        "mode": "",
                        "action": "click"
                    });

                    new _N2.SmartSliderWidget(this, 'shadow', '.nextend-shadow');
                }
            });
        }
    );
});
</script>

</head>
<body>


<div class="n2_clear"><ss3-force-full-width data-overflow-x="body" data-horizontal-selector="body"><div class="n2-section-smartslider fitvidsignore  n2_clear" data-ssid="71" tabindex="0" role="region" aria-label="FeverMaps" data-alias="fevermaps" id="fevermaps"><div id="fevermaps-1"></div><div id="fevermaps-2"></div><div id="n2-ss-71-align" class="n2-ss-align"><div class="n2-padding"><div id="n2-ss-71" data-creator="Smart Slider 3" data-responsive="fullwidth" class="n2-ss-slider n2-ow n2-has-hover n2notransition fevermaps  n2-ss-showcase-horizontal">


<div class="n2-ss-slider-wrapper-outside" style="grid-template-rows:1fr auto"><div class="n2-ss-slider-wrapper-inside">        <div class="n2-ss-slider-1 n2_ss__touch_element n2-ow">
            <div class="n2-ss-slider-2 n2-ow">
                                <div class="n2-ss-slider-3 n2-ow">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" data-related-device="desktopPortrait" class="n2-ow n2-ss-preserve-size n2-ss-preserve-size--slider n2-ss-slide-limiter" style="max-width:1200px"></svg>                    <div class="n2-ss-showcase-slides n2-ow">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" class="n2-ow n2-ss-preserve-size n2-ss-slide-limiter"></svg>
                        <div data-first="1" data-slide-duration="0" data-id="373" data-slide-public-id="1" data-title="Slide" style="  margin: 0;
  padding: 0;
  border-radius: 10px;
border:3px solid #ffffff;
 box-shadow:
  0 4px 6px rgba(0, 0, 0, 0.2),
  0 8px 16px rgba(0, 0, 0, 0.1),
  0 12px 24px rgba(0, 0, 0, 0.08);

will-change: transform, box-shadow;
" class="n2-ss-slide  n2-ss-slide-373 n2-ow"><div class="n2-ss-slide-background" data-public-id="1" data-mode="fill"><div class="n2-ss-slide-background-image" data-blur="20" data-opacity="100" data-x="50" data-y="50" data-alt="" data-title=""><picture class="skip-lazy" data-skip-lazy="1"><source srcset="images/bg-blurred-schema1.webp 500w,images/1bg-blurred-schema1.webp 1200w,images/2bg-blurred-schema1.webp 1536w" type="image/webp" class="skip-lazy" data-skip-lazy="1"><img src="images/bg-blurred-schema1.png" alt="" title="" loading="lazy" class="skip-lazy" data-skip-lazy="1"></picture></div><div data-color="RGBA(255,255,255,0)" style="background-color: RGBA(255,255,255,0);" class="n2-ss-slide-background-color"></div></div><div class="n2-ss-slide-inner"><div role="note" class="n2-ss-slide--focus" tabindex="-1">Slide</div><div class="n2-ss-layers-container n2-ss-slide-limiter n2-ow"><div class="n2-ss-layer n2-ow n-uc-lqFReh97MnE2" data-sstype="slide" data-pm="default"><div class="n2-ss-layer n2-ow n-uc-5TuP2u5klP9A" data-pm="default" data-animv2="{&quot;basic&quot;:{&quot;in&quot;:{&quot;type&quot;:&quot;basic&quot;,&quot;name&quot;:&quot;Vergr\u00f6\u00dfern&quot;,&quot;keyFrames&quot;:[{&quot;scaleX&quot;:0,&quot;scaleY&quot;:0}]}}}" data-sstype="content" data-hasbackground="0"><div class="n2-ss-section-main-content n2-ss-layer-with-background n2-ss-layer-content n2-ow n-uc-5TuP2u5klP9A-inner"><div class="n2-ss-layer n2-ow n2-ss-layer--block n2-ss-has-self-align n-uc-13d800b977b77" data-pm="normal" data-animv2="{&quot;basic&quot;:{&quot;in&quot;:{&quot;type&quot;:&quot;basic&quot;,&quot;name&quot;:&quot;\u00dcberblenden&quot;,&quot;keyFrames&quot;:[{&quot;duration&quot;:2,&quot;delay&quot;:2,&quot;opacity&quot;:0}]}}}" data-sstype="row"><div class="n2-ss-layer-row n2-ss-layer-with-background n-uc-13d800b977b77-inner"><div class="n2-ss-layer-row-inner "><div class="n2-ss-layer n2-ow n-uc-129e59264f555" data-pm="default" data-sstype="col"><div class="n2-ss-layer-col n2-ss-layer-with-background n2-ss-layer-content n-uc-129e59264f555-inner"><div class="n2-ss-layer n2-ow n-uc-hNbsFV2lLo4s" data-pm="normal" data-sstype="layer"><div id="n2-ss-71item1" class="n2-ss-highlighted-heading-wrapper n2-font-a6925f49cf4d28b2b6dbcabd3331a295-highlight  n2-style-1af8f81ba8cf2f5c321ed053504fc794-highlight  n2-ss-item-content n2-ss-text n2-ow"><div class="n2-highlighted n2-ss-highlighted-heading-highlighted n2-ow" data-highlight="zigzag3" data-animate="1" data-delay="2000" data-loop-delay="2000"><div class="n2-ss-highlighted-heading-highlighted-text">FeverMap</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 200" preserveAspectRatio="none">
    <path d="M209,180 C259,175 345,173 401,170 C320,168 201,169 120,171 C222,158 386,161 490,159 C400,153 126,142 10,159"></path>
</svg>
</div></div></div></div></div><div class="n2-ss-layer n2-ow n-uc-12914c2244727" data-pm="default" data-sstype="col"><div class="n2-ss-layer-col n2-ss-layer-with-background n2-ss-layer-content n-uc-12914c2244727-inner"><div class="n2-ss-layer n2-ow n-uc-pMwKchRHv9YO" style="z-index:9999;" data-pm="normal" data-animv2="{&quot;loopRepeatSelfOnly&quot;:1,&quot;loopPlayEvent&quot;:&quot;s&quot;,&quot;loopStopEvent&quot;:&quot;ss&quot;,&quot;basic&quot;:{&quot;loop&quot;:{&quot;repeatCount&quot;:1,&quot;type&quot;:&quot;basic&quot;,&quot;name&quot;:&quot;Schrumpfen&quot;,&quot;keyFrames&quot;:[{&quot;duration&quot;:2,&quot;scaleX&quot;:0.8000000000000000444089209850062616169452667236328125,&quot;scaleY&quot;:0.8000000000000000444089209850062616169452667236328125}]}}}" data-click="n2ss.trigger(e.currentTarget, 's');" data-mouseenter="n2ss.trigger(e.currentTarget, 's');" data-mouseleave="n2ss.trigger(e.currentTarget, 'ss');" data-ssparallax="2" data-sstype="layer"><div id="n2-ss-71item2" class="n2-ss-item-transition n2-ss-item-content n2-ow-all"><a href="#"><div class="n2-ss-item-transition-inner"><img alt="" class="n2-ss-item-transition-image1 skip-lazy" data-skip-lazy="1" src="images/logo.svg" /><img alt="" class="n2-ss-item-transition-image2 skip-lazy" data-skip-lazy="1" src="images/logo.svg" /></div></a></div></div><div class="n2-ss-layer n2-ow n-uc-1910c1686723d" data-pm="normal" data-sstype="layer"><div><div class="n2-ss-item-content n2-ow"><div style="text-align:inherit;"><a id="info1"></a>
</div></div></div></div><div class="n2-ss-layer n2-ow n-uc-ncfOh3LpsOxU n2-ss-layer--auto" style="z-index:9998;" data-pm="normal" data-click="n2ss.trigger(e.currentTarget, 'a1');" data-sstype="layer"><div class="n2-ss-button-container n2-ss-item-content n2-ow n2-font-827473477931b31ca1a7c3a80c0f4f5f-link  n2-ss-nowrap n2-ss-button-container--non-full-width"><a data-iconplacement="left" class="n2-style-5d553e6f0ab94f989a7d5a85097c5f32-heading  n2-ow bb1" role="button" onclick="n2ss.applyActionWithClick(event, 'next');" href="#"><div><span class="n2i nfa nfa-hand-o-right" style="font-size:100%;margin-right:0.3em;"></span><div>Weiter</div></div></a></div></div></div></div><div class="n2-ss-layer n2-ow bg1a n-uc-1dd277d502afe" data-pm="default" data-sstype="col"><div class="n2-ss-layer-col n2-ss-layer-with-background n2-ss-layer-content n-uc-1dd277d502afe-inner"></div></div><div class="n2-ss-layer n2-ow n-uc-1001b806208dd" data-pm="default" data-sstype="col"><div class="n2-ss-layer-col n2-ss-layer-with-background n2-ss-layer-content n-uc-1001b806208dd-inner"><div class="n2-ss-layer n2-ow n-uc-iMjy4q5oekqj" data-pm="normal" data-sstype="layer"><div id="n2-ss-71item5" class="n2-font-6819564d5c57256e2be74086be77b6eb-hover   n2-ss-item-content n2-ss-text n2-ow" style="display:block;">Das FeverApp Projekt unter der Leitung von Prof. Dr. med. David Martin wird  durch das Bundesministerium für Bildung und Forschung gefördert.</div></div><div class="n2-ss-layer n2-ow n-uc-18f761a117803" data-pm="normal" data-sstype="layer"><div><div class="n2-ss-item-content n2-ow"><div style="text-align:inherit;"><div class="bg1a"></div>

</div></div></div></div><div class="n2-ss-layer n2-ow n-uc-13d7afd2ad43d" data-pm="normal" data-sstype="layer"><div><div class="n2-ss-item-content n2-ow"><div style="text-align:inherit;"><script>
document.addEventListener("change", function(e) {
  if (e.target.tagName === "SELECT") {
    document.activeElement.blur();  // Unfocus anything that just focused
  }
});
</script>


</div></div></div></div><div class="n2-ss-layer n2-ow n-uc-53SDIUCAgerB" data-pm="normal" data-hidedesktopportrait="1" data-hidetabletportrait="1" data-sstype="layer"><div class="n2-style-68fb5cac7a90cecb9f21c10b75eafb29-heading  n2-ss-item-image-content n2-ss-item-content n2-ow-all"><img id="n2-ss-71item8" alt="" class="skip-lazy" style="width:auto;height:333px" data-skip-lazy="1" src="images/bmbf_logo.svg" /></div></div><div class="n2-ss-layer n2-ow n-uc-mEfCt13iYOvu" data-pm="normal" data-hidedesktopportrait="1" data-hidetabletportrait="1" data-sstype="layer"><div class="n2-style-68fb5cac7a90cecb9f21c10b75eafb29-heading  n2-ss-item-image-content n2-ss-item-content n2-ow-all"><img id="n2-ss-71item9" alt="" class="skip-lazy" style="width:auto;height:333px" data-skip-lazy="1" src="images/tmf-logo.svg" /></div></div><div class="n2-ss-layer n2-ow n-uc-29ugAPPON6DF" data-pm="normal" data-hidedesktopportrait="1" data-hidetabletportrait="1" data-sstype="layer"><div class="n2-style-68fb5cac7a90cecb9f21c10b75eafb29-heading  n2-ss-item-image-content n2-ss-item-content n2-ow-all"><img id="n2-ss-71item10" alt="" class="skip-lazy" style="width:auto;height:333px" data-skip-lazy="1" src="images/bvkj-logo.svg" /></div></div><div class="n2-ss-layer n2-ow n2-ss-layer--block n2-ss-has-self-align n-uc-172f1ef305566" data-pm="normal" data-hidemobileportrait="1" data-sstype="row"><div class="n2-ss-layer-row n2-ss-layer-with-background n-uc-172f1ef305566-inner"><div class="n2-ss-layer-row-inner "><div class="n2-ss-layer n2-ow n-uc-1f355bf1cad21" data-pm="default" data-sstype="col"><div class="n2-ss-layer-col n2-ss-layer-with-background n2-ss-layer-content n-uc-1f355bf1cad21-inner"><div class="n2-ss-layer n2-ow n-uc-XAXzssrJ55JN" data-pm="normal" data-sstype="layer"><div class="n2-style-68fb5cac7a90cecb9f21c10b75eafb29-heading  n2-ss-item-image-content n2-ss-item-content n2-ow-all"><a target="_blank" href="https://www.bmbf.de"><img id="n2-ss-71item11" alt="BMBF" class="skip-lazy" style="width:auto;height:333px" title="BMBF" data-skip-lazy="1" src="images/bmbf_logo2-1.svg" /></a></div></div></div></div><div class="n2-ss-layer n2-ow n-uc-1d87812e938f4" data-pm="default" data-sstype="col"><div class="n2-ss-layer-col n2-ss-layer-with-background n2-ss-layer-content n-uc-1d87812e938f4-inner"><div class="n2-ss-layer n2-ow n-uc-ZTky0UXI1YIB" data-pm="normal" data-sstype="layer"><div class="n2-style-68fb5cac7a90cecb9f21c10b75eafb29-heading  n2-ss-item-image-content n2-ss-item-content n2-ow-all"><a target="_blank" href="https://www.tmf-ev.de"><img id="n2-ss-71item12" alt="TMF" class="skip-lazy" style="width:auto;height:333px" title="TMF" data-skip-lazy="1" src="images/tmf-logo.svg" /></a></div></div></div></div><div class="n2-ss-layer n2-ow n-uc-14e0358de9ee4" data-pm="default" data-sstype="col"><div class="n2-ss-layer-col n2-ss-layer-with-background n2-ss-layer-content n-uc-14e0358de9ee4-inner"><div class="n2-ss-layer n2-ow n-uc-ZLpzRaZh4UiD" data-pm="normal" data-sstype="layer"><div class="n2-style-68fb5cac7a90cecb9f21c10b75eafb29-heading  n2-ss-item-image-content n2-ss-item-content n2-ow-all"><a target="_blank" href="https://www.bvkj.de"><img id="n2-ss-71item13" alt="BVKJ" class="skip-lazy" style="width:auto;height:333px" title="BVKJ" data-skip-lazy="1" src="images/bvkj-logo.svg" /></a></div></div></div></div></div></div></div><div class="n2-ss-layer n2-ow n-uc-eg4tcoZ2quJq" data-pm="normal" data-animv2="{&quot;basic&quot;:{&quot;in&quot;:{&quot;type&quot;:&quot;basic&quot;,&quot;name&quot;:&quot;\u00dcberblenden&quot;,&quot;keyFrames&quot;:[{&quot;duration&quot;:2,&quot;delay&quot;:2,&quot;opacity&quot;:0}]}}}" data-sstype="layer"><div id="n2-ss-71item14" class="n2-font-27943d596c4af4c69a816576c2c24483-hover   n2-ss-item-content n2-ss-text n2-ow" style="display:block;">Ein Projekt an der </div></div></div></div></div></div></div><div class="n2-ss-layer n2-ow n-uc-Yx9lv91ecgzs" data-pm="normal" data-animv2="{&quot;basic&quot;:{&quot;in&quot;:{&quot;type&quot;:&quot;basic&quot;,&quot;name&quot;:&quot;\u00dcberblenden&quot;,&quot;keyFrames&quot;:[{&quot;duration&quot;:2,&quot;delay&quot;:2,&quot;opacity&quot;:0}]}}}" data-sstype="layer"><div class="n2-style-68fb5cac7a90cecb9f21c10b75eafb29-heading  n2-ss-item-image-content n2-ss-item-content n2-ow-all"><a target="_blank" href="https://www.uni-wh.de"><img id="n2-ss-71item15" alt="Universität Witten/Herdecke" class="skip-lazy" title="Universität Witten/Herdecke" data-skip-lazy="1" src="images/uni-logo.svg" /></a></div></div></div></div></div></div></div><div class="n2-ss-showcase-overlay n2-ow"></div></div><div data-slide-duration="0" data-id="367" data-slide-public-id="2" data-title="FeverApp Maps" style="  margin: 0;
  padding: 0;
  border-radius: 10px;
border:3px solid #ffffff;
 box-shadow:
  0 4px 6px rgba(0, 0, 0, 0.2),
  0 8px 16px rgba(0, 0, 0, 0.1),
  0 12px 24px rgba(0, 0, 0, 0.08);

will-change: transform, box-shadow;
" class="n2-ss-slide  n2-ss-slide-367 n2-ow"><div class="n2-ss-slide-background" data-public-id="2" data-mode="fill"><div class="n2-ss-slide-background-image" data-blur="20" data-opacity="100" data-x="50" data-y="50" data-alt="" data-title=""><picture class="skip-lazy" data-skip-lazy="1"><source srcset="images/bg-color-schema1.webp 500w,images/3bg-color-schema1.webp 1200w,images/4bg-color-schema1.webp 1536w" type="image/webp" class="skip-lazy" data-skip-lazy="1"><img src="images/bg-color-schema1.png" alt="" title="" loading="lazy" class="skip-lazy" data-skip-lazy="1"></picture></div><div data-gradient="vertical" data-color-start="RGBA(255,255,255,0.33)" data-color-end="RGBA(198,203,255,0.36)" style="background:linear-gradient(to bottom, RGBA(255,255,255,0.33) 0%,RGBA(198,203,255,0.36) 100%);" class="n2-ss-slide-background-color"></div></div><div class="n2-ss-slide-inner"><div role="note" class="n2-ss-slide--focus" tabindex="-1">FeverApp Maps</div><div class="n2-ss-layers-container n2-ss-slide-limiter n2-ow"><div class="n2-ss-layer n2-ow n-uc-dtgZrPvXFhQH" data-sstype="slide" data-pm="default"><div class="n2-ss-layer n2-ow n-uc-n1FVxeT0Fx1I" data-pm="default" data-sstype="content" data-hasbackground="1"><div class="n2-ss-section-main-content n2-ss-layer-with-background n2-ss-layer-content n2-ow n-uc-n1FVxeT0Fx1I-inner"><div class="n2-ss-layer n2-ow n-uc-U62YXc6tLt0r n2-ss-layer--auto" style="z-index:9999;" data-pm="normal" data-click="goFullscreen()" data-sstype="layer"><div class="n2-ss-button-container n2-ss-item-content n2-ow n2-font-e0a18196661b6cf0654338d5106deb1b-link  n2-ss-nowrap n2-ss-button-container--non-full-width"><a data-iconplacement="left" class="n2-style-0f48138535ea82fcfdb2eca361a44821-heading  n2-ow " onclick="return false;" href="#"><div><span class="n2i lnr lnr-eye" style="font-size:200%;margin-right:0.3em;"></span><div>Vollbild</div></div></a></div></div><div class="n2-ss-layer n2-ow n-uc-x9hf6A6dgHNK" data-pm="normal" data-sstype="layer"><div><div class="n2-ss-item-content n2-ow"><div style="text-align:inherit;">

<script>
// Check if fullscreen is supported
const fullscreenSupported =
  document.documentElement.requestFullscreen ||
  document.documentElement.webkitRequestFullscreen ||
  document.documentElement.msRequestFullscreen;


if (fullscreenSupported) {

  function goFullscreen() {
    const iframe = document.querySelector('.iframe1');
    if (!iframe) return;


    let wrapper = document.getElementById('fullscreen-wrapper');
    if (!wrapper) {
      wrapper = document.createElement('div');
      wrapper.id = 'fullscreen-wrapper';
      wrapper.style.overflow = 'auto';
      wrapper.style.width = '100%';
      wrapper.style.height = '100%';
      wrapper.style.background = 'white';


      iframe.parentNode.insertBefore(wrapper, iframe);
      wrapper.appendChild(iframe);
    }


    const style = document.createElement('style');
    style.innerHTML = `
      ::backdrop {
        background-color: white !important;
      }
      #fullscreen-wrapper {
        overflow: auto !important;
      }
      iframe.iframe1 {
        height: 1500px !important;
        width: 100% !important;
        display: block;
      }
    `;
    document.head.appendChild(style);

    if (wrapper.requestFullscreen) {
      wrapper.requestFullscreen();
    } else if (wrapper.webkitRequestFullscreen) {
      wrapper.webkitRequestFullscreen();
    } else if (wrapper.msRequestFullscreen) {
      wrapper.msRequestFullscreen();
    } else {
      alert('Die Vollbildfunktion wird von diesem Browser nicht unterstützt.');
    }
  }

}
</script>

</div></div><style>.selector{

}</style></div></div><div class="n2-ss-layer n2-ow n2-ss-layer--block n2-ss-has-self-align n-uc-1865bb7407043" data-pm="normal" data-sstype="row"><div class="n2-ss-layer-row n2-ss-layer-with-background n-uc-1865bb7407043-inner"><div class="n2-ss-layer-row-inner "><div class="n2-ss-layer n2-ow n-uc-15bfc626fe195" data-pm="default" data-sstype="col"><div class="n2-ss-layer-col n2-ss-layer-with-background n2-ss-layer-content n-uc-15bfc626fe195-inner"><div class="n2-ss-layer n2-ow iframe1 n-uc-byTQX12FPYH4 n2-ss-layer--need-height" data-pm="normal" data-sstype="layer"><div class="n2-ss-item-iframe-wrapper n2-ss-item-content n2-ow"><iframe frameborder="0" class="n2-ow intrinsic-ignore" width="100%" height="100%" scrolling="no" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin" src="https://neuropsy17.shinyapps.io/FeverMap/"></iframe></div></div><div class="n2-ss-layer n2-ow n-uc-lqSq7OrLSahA" data-pm="normal" data-sstype="layer"><div><div class="n2-ss-item-content n2-ow"><div style="text-align:inherit;"><script>
  function replaceSmartSliderIframe() {
    const original = document.querySelector('iframe.n2-ow');

    if (!original) {
      setTimeout(replaceSmartSliderIframe, 200);
      return;
    }

    // Clone styles and classes
    const customIframe = original.cloneNode(true);

    // Add or override necessary attributes
    customIframe.setAttribute("sandbox", "allow-scripts allow-same-origin allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox");
    customIframe.setAttribute("allowtransparency", "true");
    customIframe.setAttribute("loading", "lazy");
    customIframe.setAttribute("allow", "geolocation"); 

    // Replace the original iframe
    original.parentNode.replaceChild(customIframe, original);
  }

  window.addEventListener("load", replaceSmartSliderIframe);
</script>
</div></div><style>.selector{

}</style></div></div></div></div></div></div></div></div></div></div></div></div><div class="n2-ss-showcase-overlay n2-ow"></div></div></div>
                </div>
                            </div>
        </div>
        <div class="n2-ss-slider-controls n2-ss-slider-controls-absolute-left-top"><div style="--widget-offset:15px;" class="n2-ss-widget n2-style-0188cc480e2164f34a1fb4f111ab63ed-heading nextend-arrow n2-ow-all nextend-arrow-previous  nextend-arrow-animated-fade" data-hide-mobilelandscape="1" data-hide-mobileportrait="1" id="n2-ss-71-arrow-previous" role="button" aria-label="previous arrow" tabindex="0"><img width="32" height="32" class="n2-arrow-normal-img skip-lazy" data-skip-lazy="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICAgICAgIGQ9Ik0yMC42NTQgOS40M2wtNi4zMjYgNi41MjUgNi4zMjYgNi42Yy4yNDIuMjUzLjM2LjU0NS4zNi44OCAwIC4zMzMtLjExOC42MjUtLjM2Ljg3N2wtMS4yNDQgMS4zYy0uMjQuMjUtLjUyMy4zNzUtLjg0LjM3NS0uMzIgMC0uNi0uMTI0LS44NC0uMzc2bC04LjM2Ny04LjcyYy0uMjQtLjI1LS4zNjMtLjU0LS4zNjMtLjg4IDAtLjMzNC4xMjItLjYzLjM2My0uODhsOC4zNjctOC43NWMuMjMtLjI1Mi41MS0uMzc3LjgzLS4zNzcuMzI1IDAgLjYwNy4xMjYuODUuMzc4bDEuMjQyIDEuMzI2Yy4yNDIuMjUyLjM2LjU0LjM2Ljg2NCAwIC4zMi0uMTE4LjYxLS4zNi44NnoiCiAgICAgICAgICBvcGFjaXR5PSIwLjYyIi8+Cjwvc3ZnPgo=" alt="previous arrow"><img width="32" height="32" class="n2-arrow-hover-img skip-lazy" data-skip-lazy="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICAgICAgIGQ9Ik0yMC42NTQgOS40M2wtNi4zMjYgNi41MjUgNi4zMjYgNi42Yy4yNDIuMjUzLjM2LjU0NS4zNi44OCAwIC4zMzMtLjExOC42MjUtLjM2Ljg3N2wtMS4yNDQgMS4zYy0uMjQuMjUtLjUyMy4zNzUtLjg0LjM3NS0uMzIgMC0uNi0uMTI0LS44NC0uMzc2bC04LjM2Ny04LjcyYy0uMjQtLjI1LS4zNjMtLjU0LS4zNjMtLjg4IDAtLjMzNC4xMjItLjYzLjM2My0uODhsOC4zNjctOC43NWMuMjMtLjI1Mi41MS0uMzc3LjgzLS4zNzcuMzI1IDAgLjYwNy4xMjYuODUuMzc4bDEuMjQyIDEuMzI2Yy4yNDIuMjUyLjM2LjU0LjM2Ljg2NCAwIC4zMi0uMTE4LjYxLS4zNi44NnoiCiAgICAgICAgICBvcGFjaXR5PSIwLjc4Ii8+Cjwvc3ZnPgo=" alt="previous arrow"></div><div class="n2-ss-widget n2-widget-html">


<script>
  document.addEventListener("DOMContentLoaded", function () {
    const box = document.createElement("div");
    box.textContent = "FeverMap wird geladen...";

    Object.assign(box.style, {
      position: "fixed",
      top: "0",
      left: "0",
      width: "100%",
      backgroundColor: "rgba(255, 255, 255, 0.55)",
      backdropFilter: "blur(10px)",        // corrected blur syntax
      WebkitBackdropFilter: "blur(10px)",  // Safari support
      color: "#000",
      padding: "22px 0",
      minHeight: "60px",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      textAlign: "center",
      fontFamily: "Arial, sans-serif",
      fontSize: "16px",
      boxShadow: "0 2px 10px rgba(0,0,0,0.15)",
      opacity: "1",
      transition: "opacity 0.4s ease",
      zIndex: "99999"
    });

    document.body.appendChild(box);

    setTimeout(() => {
      box.style.opacity = "0";
      setTimeout(() => box.remove(), 400);
    }, 2000);
  });
</script>


<style>
  iframe {
    border-radius: 10px;
    border: none;
    background: transparent !important;
    pointer-events: auto;
    opacity: 0.8;
    transition: 1s;
  }

  iframe:hover {
    opacity: 0.99;
    transition: 1s;
  }

  iframe:fullscreen,
  iframe:-webkit-full-screen,
  iframe:-moz-full-screen {
    background: white !important;
    opacity: 1 !important;
  }

  ::backdrop {
    background-color: white !important;
  }
</style>


<!-- DEFER JavaScript: -->
<script>
document.addEventListener("DOMContentLoaded", function () {
  // Load FontAwesome if not already loaded
  if (!document.querySelector('link[href*="font-awesome"]')) {
    const fa = document.createElement("link");
    fa.rel = "stylesheet";
    fa.href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css";
    document.head.appendChild(fa);
  }

  // Load GSAP dynamically
  const gsapScript = document.createElement("script");
  gsapScript.src = "https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js";
  gsapScript.onload = () => {
    // Create scroll-to-top button
    const scrollBtn = document.createElement("div");
    scrollBtn.innerHTML = '<i class="fas fa-arrow-up"></i>';
    Object.assign(scrollBtn.style, {
      position: "fixed",
      bottom: "70px",
      right: "20px",
      width: "65px",
      height: "65px",
      borderRadius: "50%",
      background: "#ffffff50",
      color: "#000",
      fontSize: "16px",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      cursor: "pointer",
      zIndex: "10000",
      boxShadow: "0 3px 8px rgba(0,0,0,0.15)",
      backdropFilter: "blur(6px)",
      mixBlendMode: "difference",
      opacity: "0",
      pointerEvents: "none"
    });
    document.body.appendChild(scrollBtn);

    scrollBtn.addEventListener("click", () => {
      window.scrollTo({ top: 0, behavior: "smooth" });
    });

    let visible = false;

    window.addEventListener("scroll", () => {
      const scrollTop = window.scrollY || document.documentElement.scrollTop;
      if (scrollTop > 50 && !visible) {
        gsap.to(scrollBtn, { opacity: 1, duration: 0.5, ease: "power2.out" });
        scrollBtn.style.pointerEvents = "auto";
        visible = true;
      } else if (scrollTop <= 50 && visible) {
        gsap.to(scrollBtn, { opacity: 0, duration: 0.5, ease: "power2.in" });
        scrollBtn.style.pointerEvents = "none";
        visible = false;
      }
    });
  };
  document.head.appendChild(gsapScript);

  // Info Button
  const infoButton = document.createElement("div");
  infoButton.innerHTML = '<i class="fas fa-circle-info"></i>';
  Object.assign(infoButton.style, {
    position: "fixed",
    bottom: "18px",
    right: "18px",
    fontSize: "18px",
    color: "#444",
    opacity: "0.2",
    cursor: "pointer",
    zIndex: "99999"
  });

  const popup = document.createElement("div");
  Object.assign(popup.style, {
    position: "fixed",
    bottom: "48px",
    right: "18px",
    width: "300px",
    maxHeight: "440px",
    overflowY: "auto",
    background: "#ffffffee",
    color: "#222",
    fontFamily: "Arial, sans-serif",
    fontSize: "12px",
    borderRadius: "12px",
    padding: "5px",
    display: "none",
    zIndex: "99998",
    boxShadow: "0 4px 12px rgba(0,0,0,0.2)"
  });

  const progressWrapper = document.createElement("div");
  Object.assign(progressWrapper.style, {
    marginTop: "16px",
    padding: "4px",
    background: "#f0f0f3",
    borderRadius: "12px",
    boxShadow: "inset 2px 2px 5px rgba(0,0,0,0.1), inset -2px -2px 5px rgba(255,255,255,0.7)"
  });

  const progressBar = document.createElement("div");
  Object.assign(progressBar.style, {
    height: "10px",
    width: "0%",
    borderRadius: "8px",
    background: "linear-gradient(90deg, #C6CBFF, #FFB6B6)",
    boxShadow: "0 2px 5px rgba(0,0,0,0.1)",
    transition: "width 0.3s ease-in-out"
  });

  progressWrapper.appendChild(progressBar);

  const closeBtn = document.createElement("div");
  closeBtn.innerHTML = '<i class="fas fa-times"></i>';
  Object.assign(closeBtn.style, {
    position: "absolute",
    top: "10px",
    right: "12px",
    cursor: "pointer",
    fontSize: "14px",
    color: "#999"
  });

  closeBtn.addEventListener("click", () => {
    popup.style.display = "none";
    progressBar.style.width = "0%";
  });

  popup.appendChild(closeBtn);

  function gatherSystemInfo(speedText = "") {
    const ua = navigator.userAgent;
    const platform = navigator.platform;
    const language = navigator.language;
    const cores = navigator.hardwareConcurrency || "Unbekannt";
    const memory = navigator.deviceMemory ? navigator.deviceMemory + " GB" : "Unbekannt";
    const screenRes = `${screen.width} x ${screen.height}`;
    const availRes = `${screen.availWidth} x ${screen.availHeight}`;
    const colorDepth = screen.colorDepth + "-bit";
    const pixelRatio = window.devicePixelRatio;
    const touchSupport = 'ontouchstart' in window ? "Ja" : "Nein";
    const pointerSupport = window.PointerEvent ? "Ja" : "Unbekannt";

    let gpuInfo = "Nicht verfügbar";
    try {
      const canvas = document.createElement("canvas");
      const gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
      if (gl) {
        const debugInfo = gl.getExtension("WEBGL_debug_renderer_info");
        if (debugInfo) {
          gpuInfo = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
        }
      }
    } catch (e) {}

    return `
      <strong>Systeminformationen</strong><br>
      <strong>Browser:</strong><br>${ua}<br>
      <strong>Betriebssystem:</strong> ${platform}<br>
      <strong>Sprache:</strong> ${language}<br>
      <strong>Bildschirm:</strong> ${screenRes}<br>
      <strong>Verfügbar:</strong> ${availRes}<br>
      <strong>Farbtiefe:</strong> ${colorDepth}<br>
      <strong>Pixelverhältnis:</strong> ${pixelRatio}<br>
      <strong>CPU-Kerne:</strong> ${cores}<br>
      <strong>RAM:</strong> ${memory}<br>
      <strong>Touchscreen:</strong> ${touchSupport}<br>
      <strong>Zeigegerät:</strong> ${pointerSupport}<br>
      <strong>Grafikkarte:</strong><br>${gpuInfo}<br><br>
      ${speedText}
    `;
  }

  function simulateDownload() {
    return new Promise((resolve) => {
      const start = performance.now();
      const url = "https://upload.wikimedia.org/wikipedia/commons/3/3f/Fronalpstock_big.jpg";
      fetch(url).then(response => {
        const reader = response.body.getReader();
        let received = 0;
        const total = 2300000;
        function pump() {
          return reader.read().then(({ done, value }) => {
            if (done) {
              const end = performance.now();
              const duration = (end - start) / 1000;
              const speedMbps = (total * 8 / 1024 / 1024 / duration).toFixed(2);
              resolve(`<strong>Downloadgeschwindigkeit:</strong> ${speedMbps} Mbit/s`);
              return;
            }
            received += value.length;
            const percent = Math.min((received / total) * 100, 100);
            progressBar.style.width = percent + "%";
            return pump();
          });
        }
        return pump();
      });
    });
  }

  infoButton.addEventListener("click", async () => {
    if (popup.style.display === "none") {
      popup.style.display = "block";
      popup.innerHTML = gatherSystemInfo() + "<br><em>Test läuft...</em>";
      popup.appendChild(closeBtn);
      popup.appendChild(progressWrapper);
      const speed = await simulateDownload();
      popup.innerHTML = gatherSystemInfo(speed);
      popup.appendChild(closeBtn);
    } else {
      popup.style.display = "none";
      progressBar.style.width = "0%";
    }
  });

  document.body.appendChild(infoButton);
  document.body.appendChild(popup);

  // Reset margin and padding on slide
  const target = document.querySelector('div.n2-ss-slide-367');
  if (target) {
    if (target.style.margin === "4px") target.style.margin = "0px";
    if (target.style.padding === "6px") target.style.padding = "0px";
  }

  // Invert Toggle
  const contentWrapper = document.createElement("div");
  contentWrapper.id = "invert-content-wrapper";
  while (document.body.firstChild) {
    contentWrapper.appendChild(document.body.firstChild);
  }
  document.body.appendChild(contentWrapper);

  const toggleWrapper = document.createElement("div");
  toggleWrapper.className = "invert-toggle";
  Object.assign(toggleWrapper.style, {
    position: "fixed",
    bottom: "0px",
    opacity: "0.7",
    mixBlendMode: "difference",
    left: "50%",
    transform: "translateX(-50%)",
    zIndex: "99999",
    filter: "none"
  });

  const toggle = document.createElement("div");
  Object.assign(toggle.style, {
    width: "50px",
    height: "26px",
    borderRadius: "26px",
    backgroundColor: "#C6CBFF",
    position: "relative",
    cursor: "pointer",
    transition: "background-color 0.3s"
  });

  const knob = document.createElement("div");
  Object.assign(knob.style, {
    width: "20px",
    height: "20px",
    borderRadius: "50%",
    backgroundColor: "#ccc",
    border: "2px solid #000",
    boxSizing: "border-box",
    position: "absolute",
    left: "3px",
    top: "3px",
    transition: "transform 0.3s"
  });

  toggle.appendChild(knob);
  toggleWrapper.appendChild(toggle);
  document.body.appendChild(toggleWrapper);

  let inverted = false;
  toggle.addEventListener("click", () => {
    inverted = !inverted;
    document.getElementById("invert-content-wrapper").style.filter = inverted ? "invert(1)" : "none";
    toggle.style.backgroundColor = inverted ? "#FFB6B6" : "#C6CBFF";
    knob.style.transform = inverted ? "translateX(24px)" : "translateX(0)";
  });

  const style = document.createElement("style");
  style.textContent = `
    .invert-toggle:hover {
      mix-blend-mode: normal !important;
      opacity: 1 !important;
    }
  `;
  document.head.appendChild(style);

  // Click sound
  const clickSound = new Audio("click.mp3");
  clickSound.volume = 0.2;

  document.addEventListener('click', function () {
    const sound = clickSound.cloneNode();
    sound.play();
  });
});
</script>


<script>
// Inject ripple style for parent document only with unique namespace
const parentRippleStyle = document.createElement('style');
parentRippleStyle.textContent = `
  .parent-click-ripple {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 177, 177, 0.25); 
    pointer-events: none;
    z-index: 9999;
    filter: blur(1px);
    transform: scale(0.5);
    opacity: 1;
    transition: transform 0.6s ease-out, opacity 0.6s ease-out;
  }
`;
document.head.appendChild(parentRippleStyle);


document.addEventListener('click', function (evtParentRipple) {
  if (evtParentRipple.target.ownerDocument !== document) return;

  const rippleEl = document.createElement('div');
  rippleEl.className = 'parent-click-ripple';
  rippleEl.style.left = `${evtParentRipple.clientX - 25}px`;
  rippleEl.style.top = `${evtParentRipple.clientY - 25 + window.scrollY}px`;

  document.body.appendChild(rippleEl);

  requestAnimationFrame(() => {
    rippleEl.style.transform = 'scale(2)';
    rippleEl.style.opacity = '0';
  });

  setTimeout(() => {
    rippleEl.remove();
  }, 600);
});
</script>

</div></div><div class="n2-ss-slider-controls n2-ss-slider-controls-absolute-right-top"><div style="--widget-offset:15px;" class="n2-ss-widget n2-style-0188cc480e2164f34a1fb4f111ab63ed-heading nextend-arrow n2-ow-all nextend-arrow-next  nextend-arrow-animated-fade" data-hide-mobilelandscape="1" data-hide-mobileportrait="1" id="n2-ss-71-arrow-next" role="button" aria-label="next arrow" tabindex="0"><img width="32" height="32" class="n2-arrow-normal-img skip-lazy" data-skip-lazy="1" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMy4yODYgMjUuNjFjLS4yNC4yNTMtLjUyLjM3Ny0uODQuMzc3LS4zMTggMC0uNi0uMTI0LS44NC0uMzc2bC0xLjI0NS0xLjI5N2MtLjI0LS4yNTItLjM2LS41NDQtLjM2LS44NzggMC0uMzM0LjEyLS42MjYuMzYtLjg3OGw2LjMyOC02LjZMMTAuMzYgOS40M2MtLjI0LS4yNS0uMzYtLjU0LS4zNi0uODY0IDAtLjMyMy4xMi0uNjEyLjM2LS44NjRsMS4yNDUtMS4zMjVjLjI0LS4yNTIuNTIzLS4zNzcuODQ4LS4zNzcuMzIzIDAgLjYwMi4xMjUuODMzLjM3N2w4LjM2NiA4Ljc0NmMuMjQuMjUuMzYzLjU0Ni4zNjMuODgyIDAgLjM0LS4xMjIuNjM0LS4zNjMuODg2bC04LjM2NiA4LjcyeiIKICAgICAgICAgIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjAuNjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4=" alt="next arrow"><img width="32" height="32" class="n2-arrow-hover-img skip-lazy" data-skip-lazy="1" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMy4yODYgMjUuNjFjLS4yNC4yNTMtLjUyLjM3Ny0uODQuMzc3LS4zMTggMC0uNi0uMTI0LS44NC0uMzc2bC0xLjI0NS0xLjI5N2MtLjI0LS4yNTItLjM2LS41NDQtLjM2LS44NzggMC0uMzM0LjEyLS42MjYuMzYtLjg3OGw2LjMyOC02LjZMMTAuMzYgOS40M2MtLjI0LS4yNS0uMzYtLjU0LS4zNi0uODY0IDAtLjMyMy4xMi0uNjEyLjM2LS44NjRsMS4yNDUtMS4zMjVjLjI0LS4yNTIuNTIzLS4zNzcuODQ4LS4zNzcuMzIzIDAgLjYwMi4xMjUuODMzLjM3N2w4LjM2NiA4Ljc0NmMuMjQuMjUuMzYzLjU0Ni4zNjMuODgyIDAgLjM0LS4xMjIuNjM0LS4zNjMuODg2bC04LjM2NiA4LjcyeiIKICAgICAgICAgIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjAuNzgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4=" alt="next arrow"></div></div></div><div class="n2-ss-slider-controls n2-ss-slider-controls-below"><div style="--widget-offset:10px;" class="n2-ss-widget n2-ss-control-bullet n2-ow-all n2-ss-control-bullet-horizontal n2-ss-control-bullet-fullsize"><div class="n2-style-9b1c964af87908bfe31dcaab34ba169f-simple  nextend-bullet-bar n2-bar-justify-content-center" role="group" aria-label="Auswählen"><div class="n2-bullet n2-style-b0701c87e684ae37df6bbd33acb88c79-dot " style="visibility:hidden;"></div></div></div><div class="n2-ss-widget nextend-shadow n2-ow-all" data-hide-mobilelandscape="1"><img width="1120" height="50" style="display: block; width:100%;max-width:none;" class="nextend-shadow-image skip-lazy" loading="lazy" data-skip-lazy="1" src="images/dark.png" alt="Shadow"></div></div></div></div><ss3-loader></ss3-loader></div></div><div class="n2_clear">

</div></div></ss3-force-full-width></div>


</body>
</html>