cover

js/main.js

@@ -195,6 +195,8 @@ if (!isMobile()) {
   title.addEventListener("click", (e) => {
     if (stapelOffen) {
       stapelSchliessen();
+      title.textContent = "Index";
+
     } else if (indexAktiv) {
 
       location.reload();

projekte.js

@@ -114,6 +114,7 @@ let projekte = {
         "year": "2019",
         "background": "samt.png",
         "images": [
+            "cover.png",
             "samt0.png",
             "samt1.png",
             "samt2.png",

style.css

@@ -440,7 +440,7 @@ body {
     color: blue;
     font-size: .9em;
     text-shadow: 0px 0px 3px blue;
-    min-width: 500px;
+    min-width: 530px;
 }
 
 .ueberschrift {
@@ -464,7 +464,7 @@ body {
     display: none;
 }
 
-@media (max-width: 990px) {
+@media (max-width: 1100px) {
     .projektbubble {
         transform: translateY(0);
 
@@ -474,12 +474,10 @@ body {
         text-shadow: 0px 0px 2px blue;
 
         grid-template-columns: 1fr;
-        grid-template-rows: 1fr auto;
-
-        top: 5px;
-
+        grid-template-rows: auto 1fr;
     }
 
+
     .col {
         padding: 10px;
     }
@@ -490,17 +488,14 @@ body {
         line-height: 1.2em;
     }
 
+
     .col2 {
-        display: none;
-    }
+margin-left: 30px;   }
+
 
     .foot {
         display: none;
-    }
-
-
-    .indent {
-        margin-left: 0px;
+        /* grid-row: 2/3; */
     }
 
     #desktopEmpfeehlung {
@@ -513,6 +508,27 @@ body {
     }
 }
 
+@media (max-width: 768px) {
+
+    #infos {
+        text-shadow: 0px 0px 2px blue;
+
+        grid-template-columns: 1fr;
+        grid-template-rows: 1fr auto;
+
+        top: 5px;
+
+    }
+
+    .col2 {
+        display: none;
+    }
+
+    .foot {
+        display: none;
+    }
+}
+
 #impressum-button {
     cursor: e-resize;
 }
@@ -547,7 +563,7 @@ body {
     line-height: 1.1em;
 }
 
-#scrollPfeil{
+#scrollPfeil {
     position: absolute;
     bottom: 5vh;
     width: 100vw;