fix: Telebier-Link gefixt.

assets/css/style.css

@@ -404,13 +404,6 @@ header {
     font-size: 2rem;
 }
 
-/*
- * TODO: Bullets positionieren
- *
- * list-style: none; dann Bullets als Grafiken vom text in <li> einfügen.
- * Für das Icon dann position: relative; und ausrichten.
- * Quelle: https://codepen.io/team/css-tricks/pen/MyxBrQ
- */
 .header__claim ul li {
     margin: 0;
     list-style: none;
@@ -679,11 +672,6 @@ hr.-even {
     text-align: center;
 }
 
-, {
-    display: block;
-    margin: 0 auto 0 auto;
-}
-
 .content__teaser {
     color: var(--wtf-orange);
     font-size: 1.15rem;
@@ -697,6 +685,11 @@ hr.-even {
     width: 100%;
 }
 
+.content__video {
+    width: 100%;
+    aspect-ratio: 16/9;
+}
+
 /* Contact form on homepage - start */
 .contact__box {
     display: grid;
@@ -1265,6 +1258,35 @@ footer {
         margin-top: 0;
         padding-top: 0;
     }
+
+    .contact__box {
+        display: flex !important;
+        flex-direction: column;
+    }
+
+    .contact__box h1 {
+        transform: translateX(0) rotate(0);
+        color: var(--wtf-orange);
+        background-image: none;
+        font-size: 7.5rem;
+        margin: 0 0 0 1.5rem;
+        order: 1;
+    }
+
+    .contact__box .contact_info__box {
+        margin: 0.5rem 0 0 1.5rem;
+        align-self: start;
+        order: 3;
+        width: 100%;
+        max-width: 75ch;
+
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .contact__box .contact_form_box {
+        order: 2;
+    }
 }
 
 @media screen and (max-width: 959px) and (min-width: 790px) {
@@ -1320,36 +1342,32 @@ footer {
     }
 
     .contact__box {
-        display: block;
+        display: flex !important;
+        flex-direction: column;
     }
 
     .contact__box h1 {
+        transform: translateX(0) rotate(0);
         color: var(--wtf-orange);
-        transform: unset;
+        background-image: none;
-        background-image: unset;
+        font-size: 7.5rem;
-        font-size: 3.5rem;
+        margin: 0 0 0 1.5rem;
-        padding: 0 1.5rem;
+        order: 1;
-        margin-bottom: 1.25rem;
-    }
-
-    .contact__box h2 {
-        margin-bottom: 1.75rem;
     }
 
     .contact__box .contact_info__box {
-        width: 100%;
+        margin: 0.5rem 0 0 1.5rem;
-        margin: 0;
+        align-self: start;
-        padding: 0 1.5rem;
+        order: 3;
+        width: 90%;
+        max-width: 75ch;
+
         display: flex;
-        box-sizing: border-box;
+        justify-content: space-between;
     }
 
-    .contact__box .contact_info__box p {
+    .contact__box .contact_form_box {
-        margin-right: 1.5rem;
+        order: 2;
-    }
-
-    .card_grid {
-        grid-template-columns: 1fr;
     }
 }
 
@@ -1512,7 +1530,7 @@ footer {
     .header__claim p {
         margin: 0;
         padding: 1.5rem;
-        color: var(--wtf-nearly-white);
+        color: var(--wtf-nearly-black);
     }
 
     .header__claim ul {
@@ -1586,32 +1604,32 @@ footer {
     }
 
     .contact__box {
-        display: block;
+        display: flex !important;
+        flex-direction: column;
     }
 
     .contact__box h1 {
+        transform: translateX(0) rotate(0);
         color: var(--wtf-orange);
-        transform: unset;
+        background-image: none;
-        background-image: unset;
+        font-size: 7.5rem;
-        font-size: 3.5rem;
+        margin: 0 0 0 1.5rem;
-        padding: 0 1.5rem;
+        order: 1;
-        margin-bottom: 1.25rem;
-    }
-
-    .contact__box h2 {
-        margin-bottom: 1.75rem;
     }
 
     .contact__box .contact_info__box {
-        width: 100%;
+        margin: 0.5rem 0 0 1.5rem;
-        margin: 0;
+        align-self: start;
-        padding: 0 1.5rem;
+        order: 3;
+        width: 90%;
+        max-width: 75ch;
+
         display: flex;
-        box-sizing: border-box;
+        justify-content: space-between;
     }
 
-    .contact__box .contact_info__box p {
+    .contact__box .contact_form_box {
-        margin-right: 1.5rem;
+        order: 2;
     }
     /* homepage - end */
 
@@ -1732,7 +1750,7 @@ footer {
     .header__claim p {
         margin: 0;
         padding: 1.5rem;
-        color: var(--wtf-nearly-white);
+        color: var(--wtf-nearly-black);
     }
 
     .header__claim ul {
@@ -1895,24 +1913,38 @@ footer {
         display: block;
     }
 
-    .contact__box h1 {
+    .contact__box {
-        color: var(--wtf-orange);
+        display: flex !important;
-        transform: unset;
+        flex-direction: column;
-        background-image: unset;
-        font-size: 3.5rem;
-        padding: 0 1.5rem;
-        margin-bottom: 1.25rem;
     }
 
-    .contact__box h2 {
+    .contact__box h1 {
-        margin-bottom: 1.75rem;
+        transform: translateX(0) rotate(0);
+        color: var(--wtf-orange);
+        background-image: none;
+        font-size: 7.5rem;
+        margin: 0 0 0 1.5rem;
+        order: 1;
     }
 
     .contact__box .contact_info__box {
-        width: 100%;
+        margin: 0.5rem 0 0 1.5rem;
-        margin: 0;
+        align-self: start;
-        padding: 0 1.5rem;
+        order: 3;
-        box-sizing: border-box;
+        width: 90%;
+        max-width: 75ch;
+
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+
+    .contact__box .contact_info__box p {
+        margin-right: 0.5rem;
+    }
+
+    .contact__box .contact_form_box {
+        order: 2;
     }
     /* homepage - end */
 

content/aktuelles/contents+en.lr

@@ -5,7 +5,7 @@ title: Regular meetings
 body:
 
 ### Telebeer
-Casual round for everyone inside and outside WTF: Every Wednesday at 9 pm in the [Telebeer-Jitsi](meet.wtf-eg.de/telebier).
+Casual round for everyone inside and outside WTF: Every Wednesday at 9 pm in the [Telebeer-Jitsi](https://meet.wtf-eg.de/telebier).
 
 #### Onboarding of new members
 Next dates until October 2023:

content/aktuelles/contents.lr

@@ -7,7 +7,7 @@ body:
 ### Telebier
 <!-- Bei Änderungen: Übersetzung anpassen! Kopie der Inhalte auf "Mitglied werden" anpassen!-->
 
-Lockere Runde für alle inner- und außerhalb der WTF: Jeden Mittwoch um 21 Uhr im [Telebier-Jitsi](meet.wtf-eg.de/telebier).
+Lockere Runde für alle inner- und außerhalb der WTF: Jeden Mittwoch um 21 Uhr im [Telebier-Jitsi](https://meet.wtf-eg.de/telebier).
 
 #### Aufnahmetreffen für neue Member
 

templates/about_page.html

@@ -32,7 +32,7 @@
       </div>
 
   <div class="contact__box" style="display: none">
-    <h1>{{ this.contact_form_headig }}</h1>
+    <h1>{{ this.contact_form_heading }}</h1>
 
       <div class="contact_info__box">
       <p>

templates/homepage.html

@@ -21,11 +21,15 @@
         <h2>Videos</h2>
         <h3>What the f**ck is WTF eg?</h3>
         <h4>Was sind Genossenschaften und was können wir Cooles damit machen.</h4>
-        Vortrag von unserem Mitglied <i>Scammo</i> auf der <i>Night of open Knowledge (NooK) 2022</i>.
+        <p>
-        <iframe width="1024" height="576" src="https://media.ccc.de/v/what-the-f--k-is-wtf-eg/oembed" frameborder="0" allowfullscreen></iframe>
+          Vortrag von unserem Mitglied <i>Scammo</i> auf der <i>Night of open Knowledge (NooK) 2022</i>
+        </p>
+        <iframe class="content__video" src="https://media.ccc.de/v/what-the-f--k-is-wtf-eg/oembed" frameborder="0" allowfullscreen></iframe>
         <h3>Wirtschaft neu gedacht - die WTF Kooperative eG</h3>
+        <p>
           Vortrag von unserem damaligen Vorstand <i>MrSchizo</i> auf der <i>remote Chaos Experience (RC3) 2023</i>.
-        <iframe width="1024" height="576" src="https://media.ccc.de/v/rc3-2021-r3s-432-wirtschaft-neu-gedacht-die-wtf-kooperative-eg/oembed" frameborder="0" allowfullscreen></iframe>
+        </p>
+        <iframe class="content__video" src="https://media.ccc.de/v/rc3-2021-r3s-432-wirtschaft-neu-gedacht-die-wtf-kooperative-eg/oembed" frameborder="0" allowfullscreen></iframe>
         </div>
       </div>
   </div>