This commit is contained in:
sven 2020-12-09 13:49:23 +01:00
commit 2030e79028
38 changed files with 306 additions and 36136 deletions

View file

@ -1,16 +1,35 @@
<!DOCTYPE html>
<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://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" media="screen" href="https://test.freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
<link rel="stylesheet" href="./style/freibier.css">
</head>
<body>
<div class="container">
<a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>
<div id="wrapper">
<div class="header">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul class="menu">
<li><a href="/mhd/">Rezepte</a></li>
<li><a href="/shop/">Shop</a></li>
<li><a href="/diveers/">Wer wir sind</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</div>
<a href="index.html">
<div class="logo">
<img src="img/logo_freibier_cc_w.svg" alt="freibier.cc">
<div class="centered">frei gebraut frei verfügbar frei verkäuflich</div>
</div>
</a>
<div class="row">
<div class="column left">
<h1>Datenschutzerklärung</h1>
@ -74,6 +93,8 @@ widerrufen möchten, wenden Sie sich bitte an folgende E-Mail-Adresse: info@frei
<p>
</p>
</div>
</div>
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div>
</body>

View file

@ -1,77 +0,0 @@
<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>

View file

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

View file

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

View file

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

View file

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -5,13 +5,32 @@
<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://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" media="screen" href="https://test.freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" 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.svg" alt="freibier.cc" class="center"></a>
<div id="wrapper">
<div class="header">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul class="menu">
<li><a href="/mhd/">Rezepte</a></li>
<li><a href="/shop/">Shop</a></li>
<li><a href="/diveers/">Wer wir sind</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</div>
<a href="index.html">
<div class="logo">
<img src="img/logo_freibier_cc_w.svg" alt="freibier.cc">
<div class="centered">frei gebraut frei verfügbar frei verkäuflich</div>
</div>
</a>
<div class="row">
<div class="column left">
<h1>Impressum</h1>
@ -37,7 +56,11 @@
<p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
<p>Quelle: <a href="https://www.e-recht24.de">e-recht24.de</a></p>
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div>
</div>
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
</div>
</body>
</html>

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,432 +0,0 @@
/*!
* 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 */

File diff suppressed because one or more lines are too long

View file

@ -1,8 +0,0 @@
/*!
* 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 */

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,39 +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');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.eot') format('eot');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.svg') format('svg');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff') format('woff');
src: url('https://test.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');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.eot') format('eot');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.svg') format('svg');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff') format('woff');
src: url('https://test.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');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.eot') format('eot');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.svg') format('svg');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff') format('woff');
src: url('https://test.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');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.eot') format('eot');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.svg') format('svg');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff') format('woff');
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}

View file

@ -1,40 +1,42 @@
body {background: grey;
body {background: #E8E8E8;
font-family: 'HKGroteskRegular';
font-weight: normal;
font-style: normal;
font-size: 100%;}
p {color: white;
p {color: black;
font-family: 'HKGroteskRegular';
font-weight: normal;
font-style: normal;
font-size: 100%;
display: block; }
h1 {color: white;
h1 {color: black;
font-family: 'HKGroteskRegular';
font-weight: bold;
font-style: normal;
font-size: 150%;}
h2 {color: white;
h2 {color: black;
font-family: 'HKGroteskRegular';
font-weight: bold;
font-style: normal;
font-size: 130%; }
h3 {color: white;
font-size: 130%;
padding-top: 3em;
text-transform: uppercase;}
h3 {color: black;
font-family: 'HKGroteskRegular';
font-weight: bold;
font-style: normal;
font-size: 110%; }
a:link { text-decoration: underline; color: white; }
a:visited { text-decoration: underline; color: white; }
a:hover { text-decoration: underline; color: navy; }
a:active { text-decoration: underline; color: fuchsia; }
td {color: white;
a:link {text-decoration: none; font-family: 'HKGroteskBold'; color: fuchsia; }
a:visited {text-decoration: none;font-family: 'HKGroteskBold'; color: purple; }
a:hover {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; }
a:active {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; }
td {color: black;
font-family: 'HKGroteskRegular';
font-weight: normal;
font-style: normal;
font-size: 100%;
text-align: left; }
th {color: white;
th {color: black;
font-family: 'HKGroteskRegular';
font-weight: normal;
font-style: normal;
@ -50,18 +52,229 @@ pre {color: grey;
font-weight: normal;
font-style: normal;
font-size: 100%; }
.wrapper {background: grey;
padding-left: 1.5em;
padding-right: 1.5em;
display: block; }
.center {display: block;
margin-left: auto;
strong {font-family: 'HKGroteskBold'; }
#wrapper {background: white;
display: block;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
width: 70%;}
.footer {position: fixed;
width: 80%;}
.footer {position: static;
left: 0;
bottom: 0;
width: 100%;
background-color: grey;
background-color: grey;
width: 100%;
color: white;
text-align: center;}
text-align: center;}
.footer a:link { text-decoration: none; color: white; }
.footer a:visited { text-decoration: none; color: white; }
.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%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
position: relative;}
.column {
float: left;
}
.left {
width: 42%;
padding-left: 15%;
padding-right: 8%;
}
.right {
width: 15%;
padding-left: 5%;
padding-right: 15%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Centered text */
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2vw;
color: lime;
font-family: 'HKGroteskRegular';
font-weight: normal;
font-style: normal; }
/* header */
.header {
background-color: #fff;
display: block;
box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
position: relative;
width: inherit;
color: black;
font-family: 'HKGroteskRegular';
font-weight: normal;
font-style: normal;
font-size: 100%;
padding:0px;
}
.header ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
background-color: #fff;
}
.header li a {
font-family: 'HKGroteskRegular';
display: block;
padding: 1em 1em;
border-right: 1px solid #f4f4f4;
text-decoration: none;
}
.header li a:hover,
.header .menu-btn:hover {
font-family: 'HKGroteskRegular';
background-color: #f4f4f4;
text-decoration: underline; color: navy;
}
.header .logo {
display: block;
float: left;
font-size: 2em;
padding: 2em 10em;
text-decoration: none;
}
/* menu */
.header .menu {
clear: both;
max-height: 0;
transition: max-height .2s ease-out;
}
/* menu icon */
.header .menu-icon {
cursor: pointer;
display: inline-block;
float: right;
padding: 28px 20px;
position: relative;
user-select: none;
}
.header .menu-icon .navicon {
background: #333;
display: block;
height: 2px;
position: relative;
transition: background .2s ease-out;
width: 18px;
}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
background: #333;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
}
.header .menu-icon .navicon:before {
top: 5px;
}
.header .menu-icon .navicon:after {
top: -5px;
}
/* menu btn */
.header .menu-btn {
display: none;
}
.header .menu-btn:checked ~ .menu {
max-height: 240px;
}
.header .menu-btn:checked ~ .menu-icon .navicon {
background: transparent;
}
.header .menu-btn:checked ~ .menu-icon .navicon:before {
transform: rotate(-45deg);
}
.header .menu-btn:checked ~ .menu-icon .navicon:after {
transform: rotate(45deg);
}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
top: 0;
}
@media (min-width: 54em) {
.header li {
float: left;
}
.header li a {
color: black;
padding: 20px 40px;
}
.header .menu {
clear: none;
float: right;
max-height: none;
}
.header .menu-icon {
display: none;
}
}
@media (max-width: 54em) {
.column {
width: 94%;
}
.centered {
display: none;
}
.left{
padding-left: 3%;
padding-right: 3%;
}
.right{
padding-left: 3%;
padding-right: 3%;
}
#wrapper{
width: 95%;
}
}