From a5b69403878680fe82f8c3d9f7b8d11d8b7e95fd Mon Sep 17 00:00:00 2001
From: root <root@freibier.cc>
Date: Wed, 9 Dec 2020 13:38:55 +0100
Subject: [PATCH] Finished index.html

---
 index.html         | 20 +++++++++++++++-----
 style/freibier.css |  8 +++++++-
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 70ee868..3da5934 100644
--- a/index.html
+++ b/index.html
@@ -37,14 +37,24 @@
        und Du erfährst chargengenau, wie Dein Bier gebraut wurde.</p>
     <p>Ein Programmierer würde sagen unser Produkt ist open source. <br />
        Ein Verbraucherschützer würde es transparent nennen. <br />
-       Wir sagen es ist frei: frei gebraut - frei verfügbar - frei verkäuflich. Und lecker!</p>
+       Wir sagen es ist frei: <strong>frei gebraut - frei verfügbar - frei verkäuflich. Und lecker!</strong></p>
     <h2>Brauen im Waschraum <br /> - wie alles begann </h2>
-    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+    <p>Vor drei Jahren suchte ich einen trockenen Lagerraum. Als ich ein Angebot
+besichtigte, begleitete mich Michael. Es handelte sich um den Waschraum der
+ehemaligen Tierfuttermittelfabrik im Regensburger Hafen .
+Als wir in dem komplett
+gefliesten Raum mit abgemauerter Duschwanne standen, meinte Michael:“Das ist
+kein Lagerraum, das ist eine Brauerei. “Innerhalb weniger Tage war alles mit unseren
+Lebensgefährtinnen und dem Vermieter abgeklärt. Wir haben dann das nötige
+Equipment besorgt und die Waschraumbrauerei in Betrieb genommen .</p>
+<p>> jetzt <a href="wieallesbegann.html">weiterlesen...</a></p>
   </div>
   <div class="column right">
-    <h2>Brauen im Waschraum <br /> - wie alles begann </h2>
-    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
-  </div>
+   <h2>Aktuelles </h2>
+    <p>In Kürze beginnen wir mit dem Verkauf unserer Produkte. Dann findet ihr hier aktuelle Informationen zu unseren Bieren, Events und Geschichten rund ums Bier.</p>
+    <h2>Händler </h2>
+    <p>In Kürze beginnen wir mit dem Verkauf unserer Produkte. Dann listen wir hier die Händler, bei denen ihr unsere Biere beziehen könnt.</p>
+ </div>
 </div>
 
 	<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
diff --git a/style/freibier.css b/style/freibier.css
index 54ac594..99e06d6 100644
--- a/style/freibier.css
+++ b/style/freibier.css
@@ -18,7 +18,8 @@ h2      {color: black;
         font-family: 'HKGroteskRegular';
         font-weight: bold;
         font-style: normal; 
-        font-size: 130%; 
+        font-size: 130%;
+	padding-top: 3em; 
 	text-transform: uppercase;}
 h3      {color: black; 
         font-family: 'HKGroteskRegular';
@@ -51,6 +52,7 @@ pre     {color: grey;
         font-weight: normal;
         font-style: normal; 
         font-size: 100%; }
+strong {font-family: 'HKGroteskBold'; }
 #wrapper {background: white;
       	display: block; 
 	margin: 0 auto; 
@@ -70,6 +72,10 @@ pre     {color: grey;
 .footer a:hover  { text-decoration: underline; color: navy; }
 .footer a:active  { text-decoration: underline; color: fuchsia; }
 
+.none {display: none;}
+
+.bold {font-family: HKGroteskBold;}
+
 .logo {
 	background-color: grey;
 	width: 100%;