diff --git a/content/static/datenspuren/2023/design/island_l.svg b/content/static/datenspuren/2023/design/island_l.svg
index ccc0b4443..2fa79c1b1 100644
--- a/content/static/datenspuren/2023/design/island_l.svg
+++ b/content/static/datenspuren/2023/design/island_l.svg
@@ -2,33 +2,91 @@
diff --git a/content/static/datenspuren/2023/design/island_r.svg b/content/static/datenspuren/2023/design/island_r.svg
index 0cdd95bfe..a9dd95c23 100644
--- a/content/static/datenspuren/2023/design/island_r.svg
+++ b/content/static/datenspuren/2023/design/island_r.svg
@@ -2,17 +2,17 @@
diff --git a/content/static/datenspuren/2023/design/style.css b/content/static/datenspuren/2023/design/style.css
index ac8ab0288..89368e4df 100644
--- a/content/static/datenspuren/2023/design/style.css
+++ b/content/static/datenspuren/2023/design/style.css
@@ -38,22 +38,24 @@ h1:before {
content: url('island_l.svg');
position: absolute;
left: -20px;
- animation: 10s ease-out arrive_l;
+ transform: translateZ(5px);
+ animation: 23s ease-out arrive_l;
}
h1:after {
display: inline-block;
content: url('island_r.svg');
position: absolute;
- right: 0;
- transform: translateZ(30px);
- animation: 10s ease-out arrive_r;
+ right: 60px;
+ top: 20px;
+ transform: translateZ(25px);
+ animation: 23s ease-out arrive_r;
}
@keyframes arrive_l {
from {
transform: translateZ(-100px);
}
to {
- transform: translateZ(0px);
+ transform: translateZ(5px);
}
}
@keyframes arrive_r {
@@ -61,7 +63,7 @@ h1:after {
transform: translateZ(-50px);
}
to {
- transform: translateZ(30px);
+ transform: translateZ(25px);
}
}