Merge branch 'master' of http://git.freibier.cc/vesper/freibier.ccHomepage
This commit is contained in:
sven
commit
2030e79028
|
|
@ -1,16 +1,35 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>freibier.cc</title>
|
<title>freibier.cc</title>
|
||||||
<meta charset="UTF-8">
|
<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" media="screen" href="https://test.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">
|
<link rel="stylesheet" href="./style/freibier.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div id="wrapper">
|
||||||
<a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>
|
|
||||||
|
<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>
|
<h1>Datenschutzerklärung</h1>
|
||||||
|
|
||||||
|
|
@ -74,6 +93,8 @@ widerrufen möchten, wenden Sie sich bitte an folgende E-Mail-Adresse: info@frei
|
||||||
<p>
|
<p>
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
|
@ -5,13 +5,32 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>freibier.cc</title>
|
<title>freibier.cc</title>
|
||||||
<meta charset="UTF-8">
|
<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" media="screen" href="https://test.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">
|
<link rel="stylesheet" href="./style/freibier.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="wrapper">
|
<div id="wrapper">
|
||||||
<a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>
|
|
||||||
|
<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>
|
<h1>Impressum</h1>
|
||||||
|
|
||||||
|
|
@ -37,7 +56,11 @@
|
||||||
<p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
|
<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>
|
<p>Quelle: <a href="https://www.e-recht24.de">e-recht24.de</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
4047
style/bootstrap/css/bootstrap-grid.css
vendored
4047
style/bootstrap/css/bootstrap-grid.css
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
7
style/bootstrap/css/bootstrap-grid.min.css
vendored
7
style/bootstrap/css/bootstrap-grid.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
432
style/bootstrap/css/bootstrap-reboot.css
vendored
432
style/bootstrap/css/bootstrap-reboot.css
vendored
|
|
@ -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
8
style/bootstrap/css/bootstrap-reboot.min.css
vendored
8
style/bootstrap/css/bootstrap-reboot.min.css
vendored
|
|
@ -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
3676
style/bootstrap/css/bootstrap-utilities.css
vendored
3676
style/bootstrap/css/bootstrap-utilities.css
vendored
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
10073
style/bootstrap/css/bootstrap.css
vendored
10073
style/bootstrap/css/bootstrap.css
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
7
style/bootstrap/css/bootstrap.min.css
vendored
7
style/bootstrap/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
7656
style/bootstrap/js/bootstrap.bundle.js
vendored
7656
style/bootstrap/js/bootstrap.bundle.js
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
7
style/bootstrap/js/bootstrap.bundle.min.js
vendored
7
style/bootstrap/js/bootstrap.bundle.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
5016
style/bootstrap/js/bootstrap.esm.js
vendored
5016
style/bootstrap/js/bootstrap.esm.js
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
7
style/bootstrap/js/bootstrap.esm.min.js
vendored
7
style/bootstrap/js/bootstrap.esm.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
5046
style/bootstrap/js/bootstrap.js
vendored
5046
style/bootstrap/js/bootstrap.js
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
7
style/bootstrap/js/bootstrap.min.js
vendored
7
style/bootstrap/js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,39 +1,39 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'HKGroteskBold';
|
font-family: 'HKGroteskBold';
|
||||||
src: url('https://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.eot') format('eot');
|
||||||
src: url('https://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.svg') format('svg');
|
||||||
src: url('https://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.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.woff2') format('woff2');
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'HKGroteskBoldItalic';
|
font-family: 'HKGroteskBoldItalic';
|
||||||
src: url('https://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.eot') format('eot');
|
||||||
src: url('https://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.svg') format('svg');
|
||||||
src: url('https://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.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.woff2') format('woff2');
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'HKGroteskItalic';
|
font-family: 'HKGroteskItalic';
|
||||||
src: url('https://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.eot') format('eot');
|
||||||
src: url('https://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.svg') format('svg');
|
||||||
src: url('https://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.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.woff2') format('woff2');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'HKGroteskRegular';
|
font-family: 'HKGroteskRegular';
|
||||||
src: url('https://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.eot') format('eot');
|
||||||
src: url('https://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.svg') format('svg');
|
||||||
src: url('https://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.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.woff2') format('woff2');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,40 +1,42 @@
|
||||||
body {background: grey;
|
body {background: #E8E8E8;
|
||||||
font-family: 'HKGroteskRegular';
|
font-family: 'HKGroteskRegular';
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 100%;}
|
font-size: 100%;}
|
||||||
p {color: white;
|
p {color: black;
|
||||||
font-family: 'HKGroteskRegular';
|
font-family: 'HKGroteskRegular';
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
display: block; }
|
display: block; }
|
||||||
h1 {color: white;
|
h1 {color: black;
|
||||||
font-family: 'HKGroteskRegular';
|
font-family: 'HKGroteskRegular';
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 150%;}
|
font-size: 150%;}
|
||||||
h2 {color: white;
|
h2 {color: black;
|
||||||
font-family: 'HKGroteskRegular';
|
font-family: 'HKGroteskRegular';
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 130%; }
|
font-size: 130%;
|
||||||
h3 {color: white;
|
padding-top: 3em;
|
||||||
|
text-transform: uppercase;}
|
||||||
|
h3 {color: black;
|
||||||
font-family: 'HKGroteskRegular';
|
font-family: 'HKGroteskRegular';
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 110%; }
|
font-size: 110%; }
|
||||||
a:link { text-decoration: underline; color: white; }
|
a:link {text-decoration: none; font-family: 'HKGroteskBold'; color: fuchsia; }
|
||||||
a:visited { text-decoration: underline; color: white; }
|
a:visited {text-decoration: none;font-family: 'HKGroteskBold'; color: purple; }
|
||||||
a:hover { text-decoration: underline; color: navy; }
|
a:hover {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; }
|
||||||
a:active { text-decoration: underline; color: fuchsia; }
|
a:active {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; }
|
||||||
td {color: white;
|
td {color: black;
|
||||||
font-family: 'HKGroteskRegular';
|
font-family: 'HKGroteskRegular';
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
th {color: white;
|
th {color: black;
|
||||||
font-family: 'HKGroteskRegular';
|
font-family: 'HKGroteskRegular';
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
@ -50,18 +52,229 @@ pre {color: grey;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 100%; }
|
font-size: 100%; }
|
||||||
.wrapper {background: grey;
|
strong {font-family: 'HKGroteskBold'; }
|
||||||
padding-left: 1.5em;
|
#wrapper {background: white;
|
||||||
padding-right: 1.5em;
|
display: block;
|
||||||
display: block; }
|
margin: 0 auto;
|
||||||
.center {display: block;
|
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
width: 70%;}
|
width: 80%;}
|
||||||
.footer {position: fixed;
|
.footer {position: static;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
|
||||||
background-color: grey;
|
background-color: grey;
|
||||||
|
width: 100%;
|
||||||
color: white;
|
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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue