minor responsive layout adjustments

assets/css/main.css

@@ -83,6 +83,7 @@ p {
     border: 1px solid var(--color-text);
     border-radius: 0 0 30px 30px;
     box-shadow: 0 4px 0 0 var(--color-text);
+    z-index: 1000;
 }
 
 .navbar-brand {
@@ -278,7 +279,7 @@ li .dropdown-item-mobile {
 }
 
 .hero-card.right-1 svg:hover,
-.hero-card.right-1 svg:active{
+.hero-card.right-1 svg:active {
     color: var(--color-link);
 }
 
@@ -366,7 +367,7 @@ li .dropdown-item-mobile {
 .ese-section .card-body {
     font-size: 1.1rem;
     align-content: center;
-    max-width: 80%;
+    max-width: 90%;
     margin-left: auto;
     margin-right: auto;
 }

assets/css/shortcodes.css

@@ -20,6 +20,7 @@
 
 #markdown .profile-content {
     flex: 1;
+    margin-top: 1rem;
 }
 
 @media (max-width: 768px) {
@@ -30,7 +31,12 @@
     }
 
     #markdown .profile-content {
-        text-align: center;
+        margin-left: 2rem;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        text-align: left;
+        width: 100%;
     }
 }
 
@@ -143,3 +149,9 @@
 #markdown .details.expanded .details-content a:hover {
     text-decoration: none !important;
 }
+
+@media (max-width: 768px) {
+    .details-number {
+        display: none;
+    }
+}

layouts/shortcodes/profile.html

@@ -4,8 +4,7 @@
     </div>
     <div class="profile-content">
         <h2>{{ .Get "name" }}</h2>
-        <p><strong>Studiengang:</strong> {{ .Get "studiengang" }}<br>
+        <p><strong>Studiengang:</strong> {{ .Get "studiengang" }}</p>
-            {{ with .Get "email" }}📧 <a href="mailto:{{ . }}">{{ . }}</a><br>{{ end }}</p>
     </div>
 </div>
 {{ .Inner | markdownify }}