hide credits on mobile, exchange logo, add event hint

src/components/Credits/index.tsx

@@ -2,6 +2,7 @@ import React, { FC } from 'react';
 import styled from 'styled-components';
 import "react-responsive-carousel/lib/styles/carousel.min.css";
 import { Carousel } from 'react-responsive-carousel';
+import { isMobile } from 'react-device-detect';
 
 const logoCitylab = '/images/citylab-logo.svg';
 const logoCodeForLeipzig = '/images/cfg-leipzig-logo.svg';
@@ -87,6 +88,9 @@ const DigiPreisLogo = styled.img`
 `;
 
 const Credits: FC = () => {
+  if (isMobile) {
+    return <div />
+  }
   return (
     <CreditsContainer>
       <Carousel showThumbs={false} autoPlay={true} interval={6000}

src/components/Overlay/OverlayTop/index.tsx

@@ -58,9 +58,15 @@ const OverlayTop: FC = () => {
       <Wrapper>
         <OverlayTitle size='xxl' title={title} />
         <img style={{ height: 160 }} src='images/leipzig-giesst-logo.png' />
+        {!isMobile && (<div style={{ width: '60%', fontSize: '16pt', fontStyle: 'bold', color: 'blue' }}>
+          Kommt zum Gießauftakt am 28.04.24 in Lindenau. <br/>Details dazu folgen!
+        </div>)}
       </Wrapper>
       <OverlayTitle size='xxl' title={subline} />
       {isMobile && <OverlayTitle size='medium' title={disclaimer} />}
+      {isMobile && (<div style={{ paddingLeft: '40px', paddingBottom: '20px', width: '60%', fontSize: '16pt', fontStyle: 'bold', color: 'blue' }}>
+          Kommt zum Gießauftakt am 28.04.24 in Lindenau. <br/>Details dazu folgen!
+        </div>)}
       {/* the beow is here for local testing */}
       {/* {true && <OverlayTitle size='medium' content={disclaimer} />} */}
       <OverlayDescription content={description} />