index.php

@@ -70,7 +70,7 @@ if ($pageid && $pageid == "") {
                         <li><a class='dropdown-arrow'>Über Uns</a>
                             <ul class='sub-menus'>
                                 <li><a href='/?p=ueber-uns/allgemeines' hx-get="/pages/ueber-uns/allgemeines/" hx-target="#main-content" hx-push-url="/?p=ueber-uns/allgemeines">Allgemeines</a></li>
-                                <li><a href='/?p=ueber-uns/sternsingeraktion' hx-get="/pages/ueber-uns/sternsingeraktion/" hx-target="#main-content" hx-push-url="/?p=ueber-uns/sternsingeraktion">Sternsingeraktion</a></li>
+                                <!-- <li><a href='/?p=ueber-uns/sternsingeraktion' hx-get="/pages/ueber-uns/sternsingeraktion/" hx-target="#main-content" hx-push-url="/?p=ueber-uns/sternsingeraktion">Sternsingeraktion</a></li> -->
                                 <li><a href='/?p=ueber-uns/vorstandschaft' hx-get="/pages/ueber-uns/vorstandschaft/" hx-target="#main-content" hx-push-url="/?p=ueber-uns/vorstandschaft">Vorstandschaft</a></li>
                             </ul>
                         </li>

pages/ausbildung/index.php

@@ -1,13 +1,21 @@
 <h1>Ausbildungs-Videos</h1>
 
-<!-- <p><strong style="color: red">Zum Ansehen der Bilder wirst du zu einem externen Anbieter (web.de) weitergeleitet.</strong> <a href="https://web.de/datenschutz/" target="_BLANK">Datenschutzerklärung für web.de</a></p>
+<p><strong style="color: red">Zum Ansehen der Videos wirst du zu einem externen Anbieter (web.de) weitergeleitet.</strong> <a href="https://web.de/datenschutz/" target="_BLANK">Datenschutzerklärung für web.de</a></p>
 
-<p>Die Bilder sind durch eine PIN gesichert. Falls ihr die PIN nicht kennt, fragt bitte bei den Oberminis.</p> -->
+<p>Die Videos sind durch eine PIN gesichert. Falls ihr die PIN nicht kennt, fragt bitte bei den Oberminis.</p>
 
-<div class="videos-container" id="videos-ausbildung">
+<!-- <div class="videos-container" id="videos-ausbildung">
     <a href="/pages/ausbildung/videos/Abräumen.mp4" target="_BLANK">Abräumen</a>
     <a href="/pages/ausbildung/videos/Evangeliumsprozession.mp4" target="_BLANK">Evangeliumsprozession</a>
     <a href="/pages/ausbildung/videos/Flambo.mp4" target="_BLANK">Flambeaux</a>
     <a href="/pages/ausbildung/videos/Gabenbereitung.mp4" target="_BLANK">Gabenbereitung</a>
     <a href="/pages/ausbildung/videos/Sammeln.mp4" target="_BLANK">Sammeln</a>
-</div>
+</div> -->
+
+<div class="videos-container" id="videos-ausbildung">
+    <a href="https://c.web.de/@337898120090229131/pXFYLGx8TO6oMrOi4luJAA" target="_BLANK">Abräumen</a>
+    <a href="https://c.web.de/@337898120090229131/pXFYLGx8TO6oMrOi4luJAA" target="_BLANK">Evangeliumsprozession</a>
+    <a href="https://c.web.de/@337898120090229131/pXFYLGx8TO6oMrOi4luJAA" target="_BLANK">Flambeaux</a>
+    <a href="https://c.web.de/@337898120090229131/pXFYLGx8TO6oMrOi4luJAA" target="_BLANK">Gabenbereitung</a>
+    <a href="https://c.web.de/@337898120090229131/pXFYLGx8TO6oMrOi4luJAA" target="_BLANK">Sammeln</a>
+</div>

src/style/_navbar.scss

@@ -1,9 +1,9 @@
 #nav-container {
     width: 66.666%;
-    @media only screen and (max-width:58em) { 
+    @media only screen and (max-width:78em) { 
         width: 95%;
     }
-    @media only screen and (max-width:68em) and (min-width:58em) { 
+    @media only screen and (max-width:88em) and (min-width:78em) { 
         width: 78.333%;
     }
 }
@@ -90,7 +90,7 @@
     background: #0f4d8b;
     color: #ffffff;
 }
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 990px) {
     #menu {
         position: relative;
     }

src/style/main.css

@@ -57,12 +57,12 @@ h6 {
 #nav-container {
   width: 66.666%;
 }
-@media only screen and (max-width: 58em) {
+@media only screen and (max-width: 78em) {
   #nav-container {
     width: 95%;
   }
 }
-@media only screen and (max-width: 68em) and (min-width: 58em) {
+@media only screen and (max-width: 88em) and (min-width: 78em) {
   #nav-container {
     width: 78.333%;
   }
@@ -165,7 +165,7 @@ h6 {
   color: #ffffff;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 990px) {
   #menu {
     position: relative;
   }