Changed logo to SVG and added bootstrap

2020-11-24 19:45:25 +01:00 · 2020-11-24 19:45:25 +01:00 · fcf82234ac
parent 3857dbb1e8
commit fcf82234ac
35 changed files with 36206 additions and 16 deletions
--- a/datenschutz.html
+++ b/datenschutz.html
@ -4,12 +4,13 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>freibier.cc</title>
    <meta charset="UTF-8">
-    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/hk-grotesk" type="text/css"/>
+    <link rel="stylesheet" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
+    <link rel="stylesheet" href="./style/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./style/freibier.css">
  </head>
  <body>
-    <div class="wrapper">
-        <a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w_300dpi.png" alt="freibier.cc" class="center"></a>
+    <div class="container">
+        <a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>

        <h1>Datenschutzerklärung</h1>

@ -68,9 +69,13 @@ für andere Zwecke verarbeitet.
 Nutzer dieser Webseite können von ihrem Widerspruchsrecht Gebrauch machen und der Verarbeitung ihrer personenbezogenen Daten zu jeder 
 Zeit widersprechen. Wenn Sie eine Berichtigung, Sperrung, Löschung oder Auskunft über die zu Ihrer Person gespeicherten personenbezogenen Daten wünschen oder Fragen bzgl. der Erhebung, Verarbeitung oder Verwendung Ihrer personenbezogenen Daten haben oder erteilte Einwilligungen 
 widerrufen möchten, wenden Sie sich bitte an folgende E-Mail-Adresse: info@freibier.cc
+</p>
+<br />
+<p>
+ 
 </p> 
       <div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
-    </div>
+</div>
  </body>
 </html>

--- a/datenschutz.html.save
+++ b/datenschutz.html.save
@ -0,0 +1,77 @@
+<html lang="de">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>freibier.cc</title>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/hk-grotesk" type="text/css"/>
+    <link rel="stylesheet" href="./style/freibier.css">
+  </head>
+  <body>
+    <div class="wrapper">
+        <a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w_300dpi.png" alt="freibier.cc" class="center"></a>
+
+        <h1>Datenschutzerklärung</h1>
+
+        <h2>Grundlegendes</h2>
+<p>
+Diese Datenschutzerklärung soll die Nutzer dieser Website über die Art, den Umfang und den Zweck der Erhebung und Verwendung personenbezogener 
+Daten durch den Websitebetreiber [info@freibier.cc]  informieren. Der Websitebetreiber nimmt Ihren Datenschutz sehr ernst und 
+behandelt Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Vorschriften. Da durch neue Technologien und die ständige 
+Weiterentwicklung dieser Webseite Änderungen an dieser Datenschutzerklärung vorgenommen werden können, empfehlen wir Ihnen sich die 
+Datenschutzerklärung in regelmäßigen Abständen wieder durchzulesen. Definitionen der verwendeten Begriffe (z.B. “personenbezogene Daten” 
+oder “Verarbeitung”) finden Sie in Art. 4 DSGVO.
+</p>
+
+<h2>Zugriffsdaten</h2>
+<p>
+Wir, der Websitebetreiber bzw. Seitenprovider, erheben aufgrund unseres 
+berechtigten Interesses (s. Art. 6 Abs. 1 lit. f. DSGVO) Daten über Zugriffe auf die Website und speichern diese als „Server-Logfiles“ auf 
+dem Server der Website ab. Folgende Daten werden so protokolliert:<br />
+-Besuchte Website<br />
+-Uhrzeit zumZeitpunkt des Zugriffes<br />
+-Menge der gesendeten Daten in Byte<br />
+-Quelle/Verweis, von welchem Sie auf die Seite gelangten<br />
+-Verwendeter Browser<br />
+-Verwendetes Betriebssystem<br />
+-Verwendete IP-Adresse<br />
+Die Server Logfiles werden für maximal 7 Tage gespeichert und anschließend gelöscht. Die Speicherung der Daten erfolgt um z. B. Missbrauchsfälle 
+aufklären zu können. Müssen Daten aus Beweisgründen aufgehoben werden, sind sie solange von der Löschung ausgenommen bis der Vorfall 
+endgültig geklärt ist.
+</p>
+
+<h2>Umgang mit Kontaktdaten</h2>
+<p>
+Nehmen Sie mit uns als Websitebetreiber durch die angebotenen Kontaktmöglichkeiten Verbindung auf, werden Ihre Angaben gespeichert, damit 
+auf diese zur Bearbeitung und Beantwortung Ihrer Anfrage zurückgegriffen werden kann. Ohne Ihre Einwilligung werden diese Daten nicht an 
+Dritte weitergegeben
+</p>
+
+<h2>Rechte des Nutzers</h2>
+<p>
+Sie haben als Nutzer das Recht, auf Antrag eine kostenlose Auskunft darüber zu erhalten, welche personenbezogenen Daten über Sie gespeichert 
+wurden. Sie haben außerdem das Recht auf Berichtigung falscher Daten und auf die Verarbeitungseinschränkung oder Löschung Ihrer 
+personenbezogenen Daten. Falls zutreffend, können Sie auch Ihr Recht auf Datenportabilität geltend machen. Sollten Sie annehmen, dass Ihre 
+Daten unrechtmäßig verarbeitet wurden, können Sie eine Beschwerde bei der zuständigen Aufsichtsbehörde einreichen.
+</p>
+<h2>Löschung von Daten</h2>
+<p>
+Sofern Ihr Wunsch nicht mit einer gesetzlichen Pflicht zur Aufbewahrung von Daten (z. B. Vorratsdatenspeicherung) kollidiert, haben Sie ein 
+Anrecht auf Löschung Ihrer Daten. Von uns gespeicherte Daten werden, sollten sie für ihre Zweckbestimmung nicht mehr vonnöten sein und es 
+keine gesetzlichen Aufbewahrungsfristen geben, gelöscht. Falls eine Löschung nicht durchgeführt werden kann, da die Daten für zulässige 
+gesetzliche Zwecke erforderlich sind, erfolgt eine Einschränkung der Datenverarbeitung. In diesem Fall werden die Daten gesperrt und nicht 
+für andere Zwecke verarbeitet.
+</p>
+
+<h2>Widerspruchsrecht</h2>
+<p> 
+Nutzer dieser Webseite können von ihrem Widerspruchsrecht Gebrauch machen und der Verarbeitung ihrer personenbezogenen Daten zu jeder 
+Zeit widersprechen. Wenn Sie eine Berichtigung, Sperrung, Löschung oder Auskunft über die zu Ihrer Person gespeicherten personenbezogenen Daten 
+wünschen oder Fragen bzgl. der Erhebung, Verarbeitung oder Verwendung Ihrer personenbezogenen Daten haben oder erteilte Einwilligungen 
+widerrufen möchten, wenden Sie sich bitte an folgende E-Mail-Adresse: info@freibier.cc
+</p>
+</div>
+       <div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
+  </body>
+</html>
+
--- a/impressum.html
+++ b/impressum.html
@ -5,12 +5,13 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>freibier.cc</title>
    <meta charset="UTF-8">
-    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/hk-grotesk" type="text/css"/>
+    <link rel="stylesheet" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
+    <link rel="stylesheet" href="./style/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./style/freibier.css">
  </head>
  <body>
    <div class="wrapper">
-        <a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w_300dpi.png" alt="freibier.cc" class="center"></a>
+        <a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>

 	<h1>Impressum</h1>

--- a/index.html
+++ b/index.html
@ -5,15 +5,15 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>freibier.cc</title>
    <meta charset="UTF-8">
-    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/hk-grotesk" type="text/css"/> 
+    <link rel="stylesheet" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
+    <link rel="stylesheet" href="./style/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./style/freibier.css">
  </head>
  <body>
-    <div class="wrapper">
-	<img src="logo_freibier_cc_w_300dpi.png" alt="freibier.cc" class="center">
-	<h1>frei gebraut – frei verfügbar – nicht gratis</h1>
+    <div class="container">
+	<img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center">
+	<h1 class="title text-center">frei gebraut – frei verfügbar – nicht gratis</h1>
 	<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
    </div>
  </body>
 </html>
-
--- a/logo_freibier_cc_w.svg
+++ b/logo_freibier_cc_w.svg
@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 170.08 56.69" style="enable-background:new 0 0 170.08 56.69;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M46.1,50.73h1.85v-1.86H46.1V50.73z M47.96,50.73h1.86v-1.86h-1.86V50.73z M74.55,50.73h1.86v-1.86h-1.86V50.73
+	z M101.19,50.73h1.85v-1.86h-1.85V50.73z M103.04,50.73h1.86v-1.86h-1.86V50.73z M139.66,50.73h1.86v-1.86h-1.86V50.73z
+	 M141.52,50.73h1.86v-1.86h-1.86V50.73z M153.44,50.73h1.86v-1.86h-1.86V50.73z M155.29,50.73h1.86v-1.86h-1.86V50.73z
+	 M127.79,47.02v1.86V47.02h-1.85v1.86v1.86h1.85v-1.86v1.86h1.86v-1.86v-1.86H127.79z M49.81,43.3v1.86h-1.86v1.85h1.86v-1.85v1.85
+	h1.86v-1.85V43.3H49.81z M57.59,45.16h1.86V43.3h-1.86V45.16z M61.3,47.02v1.86V47.02z M61.3,45.16v1.85V45.16z M61.3,43.3v1.86
+	V43.3h-1.86v1.86v1.85v1.86v1.86h1.86v-1.86v1.86h1.85v-1.86v-1.86v-1.85V43.3H61.3z M78.26,43.3v1.86v1.85v1.86H76.4v1.86h1.85
+	v-1.86h1.86v-1.86v-1.85V43.3H78.26z M86.09,45.16h1.86V43.3h-1.86V45.16z M89.8,47.02v1.86V47.02z M89.8,45.16v1.85V45.16z
+	 M89.8,43.3v1.86V43.3h-1.86v1.86v1.85v1.86v1.86h1.86v-1.86v1.86h1.86v-1.86v-1.86v-1.85V43.3H89.8z M104.9,43.3v1.86h-1.86v1.85
+	h1.86v-1.85v1.85h1.86v-1.85V43.3H104.9z M29.94,47.02v1.86V47.02z M29.94,45.16v1.85V45.16z M29.94,43.3v1.86V43.3z M33.65,41.45
+	v1.85H31.8v1.86V43.3v-1.85h-1.86v1.85v-1.85h-1.85v1.85v1.86v1.85v1.86v1.86h1.85v-1.86v1.86h1.86v-1.86v-1.86v-1.85h1.86V43.3
+	h1.86v-1.85H33.65z M35.51,43.3h1.86v-1.85h-1.86V43.3z M44.24,45.16v1.85V45.16z M44.24,43.3v1.86V43.3z M46.1,41.45v1.85V41.45
+	h-1.86v1.85h-1.86v1.86v1.85v1.86h1.86v-1.86v1.86v1.86h1.86v-1.86v-1.86h1.85v-1.85H46.1v1.85v-1.85V43.3h1.85v-1.85H46.1z
+	 M47.96,43.3h1.86v-1.85h-1.86V43.3z M76.4,43.3h1.86v-1.85H76.4V43.3z M99.33,45.16v1.85V45.16z M99.33,43.3v1.86V43.3z
+	 M101.19,41.45v1.85V41.45h-1.86v1.85h-1.85v1.86v1.85v1.86h1.85v-1.86v1.86v1.86h1.86v-1.86v-1.86h1.85v-1.85h-1.85v1.85v-1.85
+	V43.3h1.85v-1.85H101.19z M103.04,43.3h1.86v-1.85h-1.86V43.3z M114.96,47.02v1.86V47.02z M114.96,45.16v1.85V45.16z M114.96,43.3
+	v1.86V43.3z M118.67,41.45v1.85h-1.86v1.86V43.3v-1.85h-1.86v1.85v-1.85h-1.86v1.85v1.86v1.85v1.86v1.86h1.86v-1.86v1.86h1.86v-1.86
+	v-1.86v-1.85h1.86V43.3h1.85v-1.85H118.67z M120.53,43.3h1.86v-1.85h-1.86V43.3z M137.81,45.16v1.85V45.16z M137.81,43.3v1.86V43.3z
+	 M139.66,41.45v1.85V41.45h-1.86v1.85h-1.86v1.86v1.85v1.86h1.86v-1.86v1.86v1.86h1.86v-1.86v-1.86v-1.85V43.3h1.85v-1.85H139.66z
+	 M141.52,43.3h1.86v-1.85h-1.86V43.3z M151.58,45.16v1.85V45.16z M151.58,43.3v1.86V43.3z M153.44,41.45v1.85V41.45h-1.85v1.85
+	h-1.86v1.86v1.85v1.86h1.86v-1.86v1.86v1.86h1.85v-1.86v-1.86v-1.85V43.3h1.86v-1.85H153.44z M155.29,43.3h1.86v-1.85h-1.86V43.3z
+	 M16.64,50.73v1.85V50.73z M16.64,48.87v1.86V48.87z M16.64,47.02v1.86V47.02z M16.64,45.16v1.85V45.16z M16.64,43.3v1.86V43.3z
+	 M16.64,41.45v1.85V41.45z M16.64,39.59v1.86V39.59z M18.49,37.74v1.86V37.74h-1.85v1.86h-1.86v1.86v1.85h-1.86v1.86h1.86V43.3v1.86
+	v1.85v1.86v1.86v1.85v1.85h1.86v-1.85h1.85v-1.85v-1.86v-1.86v-1.85h1.86V43.3h-1.86v1.86V43.3v-1.85v-1.86h1.86v-1.86H18.49z
+	 M61.3,37.74v1.86V37.74h-1.86v1.86v1.86h1.86v-1.86v1.86h1.85v-1.86v-1.86H61.3z M72.69,47.02v1.86V47.02z M72.69,45.16v1.85V45.16
+	z M72.69,43.3v1.86V43.3z M72.69,41.45v1.85V41.45z M72.69,39.59v1.86V39.59z M72.69,37.74v1.86V37.74h-1.86v1.86v1.86v1.85v1.86
+	v1.85v1.86v1.86h1.86v-1.86v1.86h1.86v-1.86v-1.86v-1.85V43.3h1.86v-1.85h-1.86v1.85v-1.85v-1.86v-1.86H72.69z M89.8,37.74v1.86
+	V37.74h-1.86v1.86v1.86h1.86v-1.86v1.86h1.86v-1.86v-1.86H89.8z"/>
+<path class="st0" d="M86.81,13.84h1.86v-1.86h-1.86V13.84z M81.24,10.13v1.85h-1.86v1.86h-1.85v1.85v1.86h1.85v-1.86v-1.85h1.86
+	v-1.86v1.86h1.86v-1.86v-1.85H81.24z M83.1,15.69v1.86V15.69z M84.96,10.13v1.85v1.86H83.1v1.85h-1.86v1.86h-1.86v1.86h1.86v-1.86
+	v1.86v1.85h1.86v-1.85v-1.86h1.85v-1.86v-1.85h1.86v-1.86v-1.85H84.96z M90.52,10.13v1.85v1.86h-1.86v1.85v1.86h-1.85v1.86v-1.86
+	v-1.86h-1.86v1.86v1.86v1.85H83.1v1.85h1.85v-1.85h1.86v-1.85h1.85v-1.86h1.86v-1.86v-1.85h1.86v-1.86v-1.85H90.52z M88.67,10.13
+	h1.86V8.27h-1.86V10.13z M79.39,6.42v1.86h-1.85v1.85h-1.86v1.85v1.86h1.86v-1.86v-1.85h1.85V8.27h1.86V6.42H79.39z M84.96,8.27
+	h1.86V6.42h-1.86V8.27z M86.81,8.27h1.86V6.42h-1.86V8.27z M83.1,4.56v1.86h-1.86v1.86h1.86V6.42h1.85V4.56H83.1z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
--- a/style/bootstrap/css/bootstrap-grid.css
+++ b/style/bootstrap/css/bootstrap-grid.css
--- a/style/bootstrap/css/bootstrap-grid.css.map
+++ b/style/bootstrap/css/bootstrap-grid.css.map
--- a/style/bootstrap/css/bootstrap-grid.min.css
+++ b/style/bootstrap/css/bootstrap-grid.min.css
--- a/style/bootstrap/css/bootstrap-grid.min.css.map
+++ b/style/bootstrap/css/bootstrap-grid.min.css.map
--- a/style/bootstrap/css/bootstrap-reboot.css
+++ b/style/bootstrap/css/bootstrap-reboot.css
@ -0,0 +1,432 @@
+/*!
+ * Bootstrap Reboot v5.0.0-alpha2 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  background-color: #fff;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline: 0 !important;
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  background-color: currentColor;
+  border: 0;
+  opacity: 0.25;
+}
+
+hr:not([size]) {
+  height: 1px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #0d6efd;
+  text-decoration: underline;
+}
+
+a:hover {
+  color: #0a58ca;
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+  -ms-overflow-style: scrollbar;
+}
+
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: #d63384;
+  word-wrap: break-word;
+}
+
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 0.875em;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
+}
+
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+  font-weight: 700;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: #6c757d;
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role="button"] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+
+[list]::-webkit-calendar-picker-indicator {
+  display: none;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+  white-space: normal;
+}
+
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: textfield;
+}
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.css.map */
--- a/style/bootstrap/css/bootstrap-reboot.css.map
+++ b/style/bootstrap/css/bootstrap-reboot.css.map
--- a/style/bootstrap/css/bootstrap-reboot.min.css
+++ b/style/bootstrap/css/bootstrap-reboot.min.css
@ -0,0 +1,8 @@
+/*!
+ * Bootstrap Reboot v5.0.0-alpha2 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#024dbc}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */
--- a/style/bootstrap/css/bootstrap-reboot.min.css.map
+++ b/style/bootstrap/css/bootstrap-reboot.min.css.map
--- a/style/bootstrap/css/bootstrap-utilities.css
+++ b/style/bootstrap/css/bootstrap-utilities.css
--- a/style/bootstrap/css/bootstrap-utilities.css.map
+++ b/style/bootstrap/css/bootstrap-utilities.css.map
--- a/style/bootstrap/css/bootstrap-utilities.min.css
+++ b/style/bootstrap/css/bootstrap-utilities.min.css
--- a/style/bootstrap/css/bootstrap-utilities.min.css.map
+++ b/style/bootstrap/css/bootstrap-utilities.min.css.map
--- a/style/bootstrap/css/bootstrap.css
+++ b/style/bootstrap/css/bootstrap.css
--- a/style/bootstrap/css/bootstrap.css.map
+++ b/style/bootstrap/css/bootstrap.css.map
--- a/style/bootstrap/css/bootstrap.min.css
+++ b/style/bootstrap/css/bootstrap.min.css
--- a/style/bootstrap/css/bootstrap.min.css.map
+++ b/style/bootstrap/css/bootstrap.min.css.map
--- a/style/bootstrap/js/bootstrap.bundle.js
+++ b/style/bootstrap/js/bootstrap.bundle.js
--- a/style/bootstrap/js/bootstrap.bundle.js.map
+++ b/style/bootstrap/js/bootstrap.bundle.js.map
--- a/style/bootstrap/js/bootstrap.bundle.min.js
+++ b/style/bootstrap/js/bootstrap.bundle.min.js
--- a/style/bootstrap/js/bootstrap.bundle.min.js.map
+++ b/style/bootstrap/js/bootstrap.bundle.min.js.map
--- a/style/bootstrap/js/bootstrap.esm.js
+++ b/style/bootstrap/js/bootstrap.esm.js
--- a/style/bootstrap/js/bootstrap.esm.js.map
+++ b/style/bootstrap/js/bootstrap.esm.js.map
--- a/style/bootstrap/js/bootstrap.esm.min.js
+++ b/style/bootstrap/js/bootstrap.esm.min.js
--- a/style/bootstrap/js/bootstrap.esm.min.js.map
+++ b/style/bootstrap/js/bootstrap.esm.min.js.map
--- a/style/bootstrap/js/bootstrap.js
+++ b/style/bootstrap/js/bootstrap.js
--- a/style/bootstrap/js/bootstrap.js.map
+++ b/style/bootstrap/js/bootstrap.js.map
--- a/style/bootstrap/js/bootstrap.min.js
+++ b/style/bootstrap/js/bootstrap.min.js
--- a/style/bootstrap/js/bootstrap.min.js.map
+++ b/style/bootstrap/js/bootstrap.min.js.map
--- a/style/fonts/HKGrotesk_2466/hk-grotesk.css
+++ b/style/fonts/HKGrotesk_2466/hk-grotesk.css
@ -0,0 +1,39 @@
+@font-face {
+    font-family: 'HKGroteskBold';
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.eot') format('eot');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.svg') format('svg');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff') format('woff');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff2') format('woff2');
+    font-weight: bold;
+    font-style: normal;
+      }
+
+@font-face {
+    font-family: 'HKGroteskBoldItalic';
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.eot') format('eot');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.svg') format('svg');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff') format('woff');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff2') format('woff2');
+    font-weight: bold;
+    font-style: italic;
+      }
+
+@font-face {
+    font-family: 'HKGroteskItalic';
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.eot') format('eot');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.svg') format('svg');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff') format('woff');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff2') format('woff2');
+    font-weight: normal;
+    font-style: italic;
+      }
+
+@font-face {
+    font-family: 'HKGroteskRegular';
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.eot') format('eot');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.svg') format('svg');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff') format('woff');
+    src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+      }
--- a/style/freibier.css
+++ b/style/freibier.css
@ -1,15 +1,19 @@
-body	{background: grey; }
-p	{color: white; 
+body	{background: grey;         
 	font-family: 'HKGroteskRegular';
        font-weight: normal;
        font-style: normal; 
        font-size: 100%;}
+p	{color: white; 
+	font-family: 'HKGroteskRegular';
+	font-weight: normal;
+	font-style: normal; 
+	font-size: 100%;
+	display: block; } 
 h1	{color: white; 
        font-family: 'HKGroteskRegular';
        font-weight: bold;
        font-style: normal; 
-        font-size: 150%; 
-	text-align:center;}
+        font-size: 150%;}
 h2      {color: white; 
        font-family: 'HKGroteskRegular';
        font-weight: bold;
@ -48,7 +52,8 @@ pre     {color: grey;
        font-size: 100%; }
 .wrapper {background: grey;
 	padding-left: 1.5em;
-        padding-right: 1.5em; }
+        padding-right: 1.5em;
+      	display: block; } 
 .center {display: block;
  	margin-left: auto;
  	margin-right: auto;