diff --git a/static/css/style.css b/static/css/style.css
index 0f5c4d4f..5aea2ae5 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -211,6 +211,8 @@ hr{border:0;border-top:1px solid #eee;margin:20px 0}
 .dc-secondary-background {background-color:#995f5e!important}
 .dc-page-background {background-color:#d2bf84!important}
 .dc-formula-background {background-color:#c9b27e!important}
+@media (min-width:562px){.dc-main-background {background-image:url({% static 'pictures/background-i.webp' %});width:100%;}}
+@media (max-width:561px){.dc-main-background {background-image:url({% static 'pictures/background-mobile.webp' %});width:100%;}}
 
 /*divider*/
 .editorial{display: block;width: 100%;height: 30px;max-height: 30px;margin: 0;z-index:5;bottom:0;position:absolute;left:0px;float:left;}
@@ -225,7 +227,7 @@ hr{border:0;border-top:1px solid #eee;margin:20px 0}
 
 
 /* image gallery */
-div.gallery{margin:5px;border:1px solid #ccc;float:left;height:195px;width:180px;overflow-x:hidden}
+div.gallery{margin:5px;border:1px solid #ccc;float:left;height:254px;width:180px;overflow-x:clip}
 div.gallery:hover{border:1px solid #777;}
 div.gallery img {width:100%;height:auto;}
 div.desc{padding:15px;text-align:center;}
diff --git a/static/pictures/2017.webp b/static/pictures/2017.webp
index d6d2c60c..c1f3fd50 100644
Binary files a/static/pictures/2017.webp and b/static/pictures/2017.webp differ
diff --git a/static/pictures/2018.webp b/static/pictures/2018.webp
index 6a18c2ee..4d26ad61 100644
Binary files a/static/pictures/2018.webp and b/static/pictures/2018.webp differ
diff --git a/static/pictures/2019.webp b/static/pictures/2019.webp
index 99e0d8de..2a857c6a 100644
Binary files a/static/pictures/2019.webp and b/static/pictures/2019.webp differ
diff --git a/static/pictures/2020.webp b/static/pictures/2020.webp
index 2e6f21f2..7aa80e40 100644
Binary files a/static/pictures/2020.webp and b/static/pictures/2020.webp differ
diff --git a/static/pictures/2021.webp b/static/pictures/2021.webp
index 9e05495c..8f4fe718 100644
Binary files a/static/pictures/2021.webp and b/static/pictures/2021.webp differ
diff --git a/static/pictures/2022.webp b/static/pictures/2022.webp
index 91c2fde3..c5114068 100644
Binary files a/static/pictures/2022.webp and b/static/pictures/2022.webp differ
diff --git a/static/pictures/2023.webp b/static/pictures/2023.webp
index d10d9aed..fe78ff4f 100644
Binary files a/static/pictures/2023.webp and b/static/pictures/2023.webp differ
diff --git a/static/pictures/background-mobile.webp b/static/pictures/background-mobile.webp
new file mode 100644
index 00000000..5b364f78
Binary files /dev/null and b/static/pictures/background-mobile.webp differ
diff --git a/templates/about_page.html b/templates/about_page.html
index 4467ce4b..57183564 100644
--- a/templates/about_page.html
+++ b/templates/about_page.html
@@ -10,31 +10,31 @@
 <section class="dc-container dc-center">
 <div class='gallery'>
 <a href="{% static 'pictures/2017.webp' %}" >
-<img src="{% static 'pictures/2017.webp' %}" width="632px" height="442px" async> </a>
+<img src="{% static 'pictures/2017.webp' %}" width="600px" height="856px" async> </a>
 </div>
 <div class='gallery'>
 <a href="{% static 'pictures/2018.webp' %}" >
-<img src="{% static 'pictures/2018.webp' %}" width="632px" height="442px" async> </a>
+<img src="{% static 'pictures/2018.webp' %}" width="600px" height="856px" async> </a>
 </div>
 <div class='gallery'>
 <a href="{% static 'pictures/2019.webp' %}" >
-<img src="{% static 'pictures/2019.webp' %}" width="632px" height="442px" async> </a>
+<img src="{% static 'pictures/2019.webp' %}" width="600px" height="856px" async> </a>
 </div>
 <div class='gallery'>
 <a href="{% static 'pictures/2020.webp' %}" >
-<img src="{% static 'pictures/2020.webp' %}" width="632px" height="442px" async> </a>
+<img src="{% static 'pictures/2020.webp' %}" width="600px" height="856px" async> </a>
 </div>
 <div class='gallery'>
 <a href="{% static 'pictures/2021.webp' %}" >
-<img src="{% static 'pictures/2021.webp' %}" width="632px" height="442px" async> </a>
+<img src="{% static 'pictures/2021.webp' %}" width="600px" height="856px" async> </a>
 </div>
 <div class='gallery'>
 <a href="{% static 'pictures/2022.webp' %}" >
-<img src="{% static 'pictures/2022.webp' %}" width="632px" height="442px" async> </a>
+<img src="{% static 'pictures/2022.webp' %}" width="600px" height="856px" async> </a>
 </div>
 <div class='gallery'>
 <a href="{% static 'pictures/2023.webp' %}" >
-<img src="{% static 'pictures/2023.webp' %}" width="632px" height="442px" async> </a>
+<img src="{% static 'pictures/2023.webp' %}" width="600px" height="856px" async> </a>
 </div>
 </section>
 </div>
diff --git a/templates/base.html b/templates/base.html
index 8e47c3e7..0caf3089 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -7,7 +7,6 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="description" content="Denkena Consulting - Ihr IT-Sicherheitsberater">
 <link rel="stylesheet" href="{% static 'css/style.css' %}">
-<link rel="stylesheet" href="{% static 'css/all.min.css' %}">
 <link rel="icon" href="{% static 'pictures/logo.webp' %}"
 </head>
 
diff --git a/templates/footer.html b/templates/footer.html
index fd29122b..4aaea821 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -1,8 +1,8 @@
 <footer class="dc-center dc-black dc-padding-16">
 <div class="dc-center">
-<div class="dc-third"><a href="{% url 'impressum' %}">Impressum</a></div>
-<div class="dc-third"><a href="{% url 'datenschutz' %}">Datenschutz</a></div>
-<div class="dc-third"><a href="{% url 'contact' %}">Kontakt</a></div>
+<div class="dc-third dc-padding-24"><a href="{% url 'impressum' %}">Impressum</a></div>
+<div class="dc-third dc-padding-24"><a href="{% url 'datenschutz' %}">Datenschutz</a></div>
+<div class="dc-third dc-padding-24"><a href="{% url 'contact' %}">Kontakt</a></div>
 </div>
 <p>© 2023 Denkena Consulting</p>
 </footer>
diff --git a/templates/homepage.html b/templates/homepage.html
index 65df15a9..f8f3a09b 100644
--- a/templates/homepage.html
+++ b/templates/homepage.html
@@ -1,12 +1,15 @@
 {% extends 'base.html' %}
 {% load static %}
 {% block content %}
-
+<style scoped>
+@media (min-width:562px){.dc-main-background {background-image:url({% static 'pictures/background-i.webp' %});width:100%;}}
+@media (max-width:561px){.dc-main-background {background-image:url({% static 'pictures/background-mobile.webp' %});width:100%;}}
+</style>
 <section style="padding-bottom:750px;width:100%"class="dc-header dc-text-white">
-<span style="background-image:url({% static 'pictures/background-i.webp' %});width:100%;" class="dc-parallax">
+<span class="dc-parallax dc-main-background">
 <div class="dc-header dc-center">
-<h1 class="dc-jumbo">Geistige IDEALE<br>&<br>irdische REALITÄT</h1>
-<span class="dc-xlarge">Im·Puls 2024</span><br>
+<h1 class="dc-jumbo">Im·Puls 2024</h1>
+<h2 class="dc-xxxlarge">Geistige IDEALE<br>&<br>irdische REALITÄT</h2>
 <span class="dc-xlarge">Die aktuelle Tagung findet vom 14. Februar, 17:00, bis zum 18. Februar, 12:30, in Stuttgart statt. 
 </div>
 <svg class="editorial" viewBox="0 24 150 28 " preserveAspectRatio="none">
@@ -18,7 +21,7 @@
 </section>
 
 <section>
-<div class="dc-container dc-secondary-background" style="padding:128px 16px" id="contact">
+<div class="dc-container dc-secondary-background dc-text-white" style="padding:128px 16px" id="contact">
 <h3 class="dc-center">Interesse an der Tagung?</h3>
   <div class="dc-center">
   <a href="{% url 'anmeldung' %}" class="dc-btn">Melde dich Hier an!</a>