diff --git a/design/activities.html b/design/activities.html
index c296dd0..236a544 100644
--- a/design/activities.html
+++ b/design/activities.html
@@ -13,42 +13,54 @@
     
     <title>MotorradIG</title>
   </head>
-  <body class="bg">
+  <body class="bg" style="padding: 45px 0 0 0;">
 
-    <nav class="navbar fixed-top navbar-dark bg-dark">
-
-
-      <div class="mr-auto" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
-        <a class="navbar-brand"  href="index.html">
-          <img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
-        </a>
-
-        <a class="col-md-4 text-white" href="#">Aktivitäten</a>     
-        <a class="col-md-4 text-info" href="meetings.html">Treffen</a> 
-        <a class="col-md-4 text-info" href="become_member.html">Mitglied werden</a> 
-        <a class="col-md-4 text-info" href="login.html">Login</a> 
-
-
-        <!-- Mitgliedsbereich:
-          <a class="col-md-3 text-light ">Tourenplan</a>     
-          <a class="col-md-3 text-light">Mitglieder</a> 
-          <a class="col-md-3 text-light">Bildergalerie</a> 
-        -->
-      </div>
+    <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
 
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+    
+          <div id="navbarSupportedContent" class="mr-auto collapse navbar-collapse" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
+      
+            <a class="navbar-brand"  href="index.html">
+              <img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
+            </a>
+             
+            <div class="nav-item mr-5">
+              <h3><a class="text-white" href="activities.html">Aktivitäten</a></h3> <!-- Header Tag used to enforce line break.-->
+            </div>
+            
+            <div class="nav-item text-info mr-5">
+              <h3><a class="text-info" href="meetings.html">Treffen</a></h3>
+            </div>
+            
+            <div class="nav-item text-info mr-5">
+              <h3><a class="text-info" href="become_member.html">Mitglied werden</a> </h3>
+            </div>
+    
+            <div class="nav-item text-info mr-5">
+              <h3><a class="text-info" href="login.html">Login</a> </h3>
+            </div>
+     
+    
+            <!-- Mitgliedsbereich:
+              <a class="col-md-3 text-light ">Tourenplan</a>     
+              <a class="col-md-3 text-light">Mitglieder</a> 
+              <a class="col-md-3 text-light">Bildergalerie</a> 
+            -->
+          </div>
+    
     </nav>
 
-    <div class="col-md-8 d-flex justify-content-center container">
-      <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
-        <div class="col-sm-12">
-            <div class="underlined-title">
-                <h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px; margin-top:0px;" class="text-light">Motorrad IG</h1>
-                <hr>
-                <h2 class="text-light">Aktivitäten</h2>
-            </div>
-        </div>
-      </div>
+    <div class="container text-center text-light mt-5">        
+      <h1 class="text-center">Motorrad IG</h1>
+      <h5>privat organisierte Motorradtouren</h5>
+      <hr/>
+      <h2>Aktivitäten</h2>    
+      <hr/>         
     </div>
+
       
 
   
diff --git a/design/become_member.html b/design/become_member.html
index 027ee28..39bb1f0 100644
--- a/design/become_member.html
+++ b/design/become_member.html
@@ -13,42 +13,54 @@
     
     <title>MotorradIG</title>
   </head>
-  <body class="bg">
+  <body class="bg" style="padding: 45px 0 0 0;">
 
-    <nav class="navbar fixed-top navbar-dark bg-dark">
+      <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
 
-
-      <div class="mr-auto" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
-        <a class="navbar-brand"  href="index.html">
-          <img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
-        </a>
-
-        <a class="col-md-4 text-info" href="activities.html">Aktivitäten</a>     
-        <a class="col-md-4 text-info" href="meetings.html">Treffen</a> 
-        <a class="col-md-4 text-white" href="#">Mitglied werden</a> 
-        <a class="col-md-4 text-info" href="login.html">Login</a> 
-
-
-        <!-- Mitgliedsbereich:
-          <a class="col-md-3 text-light ">Tourenplan</a>     
-          <a class="col-md-3 text-light">Mitglieder</a> 
-          <a class="col-md-3 text-light">Bildergalerie</a> 
-        -->
-      </div>
-
-    </nav>
-
-    <div class="col-md-8 d-flex justify-content-center container">
-      <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
-        <div class="col-sm-12">
-            <div class="underlined-title">
-                <h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px; margin-top:0px;" class="text-light">Motorrad IG</h1>
-                <hr>
-                <h2 class="text-light">Hier muss der Mitgliedsantrag rein.</h2>
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+    
+          <div id="navbarSupportedContent" class="mr-auto collapse navbar-collapse" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
+      
+            <a class="navbar-brand"  href="index.html">
+              <img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
+            </a>
+             
+            <div class="nav-item mr-5">
+              <h3><a class="text-info" href="activities.html">Aktivitäten</a></h3> <!-- Header Tag used to enforce line break.-->
             </div>
-        </div>
-      </div>
-    </div>
+            
+            <div class="nav-item text-info mr-5">
+              <h3><a class="text-info" href="meetings.html">Treffen</a></h3>
+            </div>
+            
+            <div class="nav-item text-info mr-5">
+              <h3><a class="text-white" href="become_member.html">Mitglied werden</a> </h3>
+            </div>
+    
+            <div class="nav-item text-info mr-5">
+              <h3><a class="text-info" href="login.html">Login</a> </h3>
+            </div>
+     
+    
+            <!-- Mitgliedsbereich:
+              <a class="col-md-3 text-light ">Tourenplan</a>     
+              <a class="col-md-3 text-light">Mitglieder</a> 
+              <a class="col-md-3 text-light">Bildergalerie</a> 
+            -->
+          </div>
+    
+        </nav>
+
+
+        <div class="container text-center text-light mt-5">        
+            <h1 class="text-center">Motorrad IG</h1>
+            <h5>privat organisierte Motorradtouren</h5>
+            <hr/>
+            <h2>Hier muss der Mitgliedsantrag rein.</h2>    
+            <hr/>         
+          </div>
       
 
   
diff --git a/design/index.html b/design/index.html
index 2017c95..880a690 100644
--- a/design/index.html
+++ b/design/index.html
@@ -15,19 +15,34 @@
   </head>
   <body class="bg" style="padding: 45px 0 0 0;">
 
-    <nav class="navbar fixed-top navbar-dark bg-dark">
+    <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
 
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
 
-      <div class="mr-auto" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
+      <div id="navbarSupportedContent" class="mr-auto collapse navbar-collapse" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
+  
         <a class="navbar-brand"  href="index.html">
           <img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
         </a>
+         
+        <div class="nav-item mr-5">
+          <h3><a class="text-info" href="activities.html">Aktivitäten</a></h3> <!-- Header Tag used to enforce line break.-->
+        </div>
+        
+        <div class="nav-item mr-5">
+          <h3><a class="text-info" href="meetings.html">Treffen</a></h3>
+        </div>
+        
+        <div class="nav-item mr-5">
+          <h3><a class="text-info" href="become_member.html">Mitglied werden</a> </h3>
+        </div>
 
-        <a class="col-md-4 text-info" href="activities.html">Aktivitäten</a>     
-        <a class="col-md-4 text-info" href="meetings.html">Treffen</a> 
-        <a class="col-md-4 text-info" href="become_member.html">Mitglied werden</a> 
-        <a class="col-md-4 text-info" href="login.html">Login</a> 
-
+        <div class="nav-item mr-5">
+          <h3><a class="text-info" href="login.html">Login</a> </h3>
+        </div>
+ 
 
         <!-- Mitgliedsbereich:
           <a class="col-md-3 text-light ">Tourenplan</a>     
@@ -39,24 +54,21 @@
     </nav>
 
       
-    <div class="col-md-6 container">
-      <div class="row text-center text-light justify-content-center mt-5  "> 
-
-        <h1  >Motorrad IG</h1>
-        <hr>
-        <h2 class="text-light">privat organisierte Motorradtouren</h2>  
-
-
-         <h1>Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>       
+    <div class="container text-center text-light mt-5">        
+          <h1 class="text-center">Motorrad IG</h1>
+          <h5>privat organisierte Motorradtouren</h5>
+          <hr/>
+          <h2>Willkommen auf der Homepage der Motorrad-IG Deutschland</h2>    
+           <hr/>
          <h2>Das alte Problem: Die Sonne scheint und Dein Motorrad ruft,
 doch alle Deine Freunde sind plötzlich verhindert oder haben keine Zeit.
 Hier wollen wir Abhilfe schaffen.
 Unser Ziel: Kontaktvermittlung unter Motorradfahrer/innen für gemeinsame Touren.
 Auf den nächsten Seiten erfährst Du alles Wissenswerte über uns,
 unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2>
+
+    </div>
         
-      </div>
-    </div>    
 
 
     <p>&nbsp;</p>
diff --git a/design/login.html b/design/login.html
index e4ce8d6..6ed8566 100644
--- a/design/login.html
+++ b/design/login.html
@@ -13,42 +13,53 @@
     
     <title>MotorradIG</title>
   </head>
-  <body class="bg">
+  <body class="bg" style="padding: 45px 0 0 0;">
 
-    <nav class="navbar fixed-top navbar-dark bg-dark">
+      <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
 
-
-      <div class="mr-auto" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
-        <a class="navbar-brand"  href="index.html">
-          <img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
-        </a>
-
-        <a class="col-md-4 text-info" href="activities.html">Aktivitäten</a>     
-        <a class="col-md-4 text-info" href="meetings.html">Treffen</a> 
-        <a class="col-md-4 text-info" href="become_member.html"">Mitglied werden</a> 
-        <a class="col-md-4 text-white" href="#">Login</a> 
-
-
-        <!-- Mitgliedsbereich:
-          <a class="col-md-3 text-light ">Tourenplan</a>     
-          <a class="col-md-3 text-light">Mitglieder</a> 
-          <a class="col-md-3 text-light">Bildergalerie</a> 
-        -->
-      </div>
-
-    </nav>
-
-    <div class="col-md-8 d-flex justify-content-center container">
-      <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
-        <div class="col-sm-12">
-            <div class="underlined-title">
-                <h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px; margin-top:0px;" class="text-light">Motorrad IG</h1>
-                <hr>
-                <h2 class="text-light">Hier kommt die Anmelde-Maske rein.</h2>
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+    
+          <div id="navbarSupportedContent" class="mr-auto collapse navbar-collapse" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
+      
+            <a class="navbar-brand"  href="index.html">
+              <img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
+            </a>
+             
+            <div class="nav-item mr-5">
+              <h3><a class="text-info" href="activities.html">Aktivitäten</a></h3> <!-- Header Tag used to enforce line break.-->
             </div>
-        </div>
-      </div>
-    </div>
+            
+            <div class="nav-item mr-5">
+              <h3><a class="text-info" href="meetings.html">Treffen</a></h3>
+            </div>
+            
+            <div class="nav-item mr-5">
+              <h3><a class="text-info" href="become_member.html">Mitglied werden</a> </h3>
+            </div>
+    
+            <div class="nav-item mr-5">
+              <h3><a class="text-white" href="login.html">Login</a> </h3>
+            </div>
+     
+    
+            <!-- Mitgliedsbereich:
+              <a class="col-md-3 text-light ">Tourenplan</a>     
+              <a class="col-md-3 text-light">Mitglieder</a> 
+              <a class="col-md-3 text-light">Bildergalerie</a> 
+            -->
+          </div>
+    
+        </nav>
+
+        <div class="container text-center text-light mt-5">        
+            <h1 class="text-center">Motorrad IG</h1>
+            <h5>privat organisierte Motorradtouren</h5>
+            <hr/>
+            <h2>Hier kommt die Anmelde-Maske rein.</h2>    
+            <hr/>         
+          </div>
       
 
   
diff --git a/design/meetings.html b/design/meetings.html
index 077321e..2505cee 100644
--- a/design/meetings.html
+++ b/design/meetings.html
@@ -13,42 +13,53 @@
     
     <title>MotorradIG</title>
   </head>
-  <body class="bg">
+  <body class="bg" style="padding: 45px 0 0 0;">
 
-    <nav class="navbar fixed-top navbar-dark bg-dark">
+      <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
 
-
-      <div class="mr-auto" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
-        <a class="navbar-brand"  href="index.html">
-          <img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
-        </a>
-
-        <a class="col-md-4 text-info" href="activities.html">Aktivitäten</a>     
-        <a class="col-md-4 text-white" href="#">Treffen</a> 
-        <a class="col-md-4 text-info" href="become_member.html">Mitglied werden</a> 
-        <a class="col-md-4 text-info" href="login.html">Login</a> 
-
-
-        <!-- Mitgliedsbereich:
-          <a class="col-md-3 text-light ">Tourenplan</a>     
-          <a class="col-md-3 text-light">Mitglieder</a> 
-          <a class="col-md-3 text-light">Bildergalerie</a> 
-        -->
-      </div>
-
-    </nav>
-
-    <div class="col-md-8 d-flex justify-content-center container">
-      <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
-        <div class="col-sm-12">
-            <div class="underlined-title">
-                <h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px; margin-top:0px;" class="text-light">Motorrad IG</h1>
-                <hr>
-                <h2 class="text-light">Treffen</h2>
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+    
+          <div id="navbarSupportedContent" class="mr-auto collapse navbar-collapse" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
+      
+            <a class="navbar-brand"  href="index.html">
+              <img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
+            </a>
+             
+            <div class="nav-item mr-5">
+              <h3><a class="text-info" href="activities.html">Aktivitäten</a></h3> <!-- Header Tag used to enforce line break.-->
             </div>
-        </div>
-      </div>
-    </div>
+            
+            <div class="nav-item mr-5">
+              <h3><a class="text-white" href="meetings.html">Treffen</a></h3>
+            </div>
+            
+            <div class="nav-item mr-5">
+              <h3><a class="text-info" href="become_member.html">Mitglied werden</a> </h3>
+            </div>
+    
+            <div class="nav-item mr-5">
+              <h3><a class="text-info" href="login.html">Login</a> </h3>
+            </div>
+     
+    
+            <!-- Mitgliedsbereich:
+              <a class="col-md-3 text-light ">Tourenplan</a>     
+              <a class="col-md-3 text-light">Mitglieder</a> 
+              <a class="col-md-3 text-light">Bildergalerie</a> 
+            -->
+          </div>
+    
+        </nav>
+
+        <div class="container text-center text-light mt-5">        
+            <h1 class="text-center">Motorrad IG</h1>
+            <h5>privat organisierte Motorradtouren</h5>
+            <hr/>
+            <h2>Treffen</h2>    
+            <hr/>         
+          </div>