Commit 40ec8982 authored by Moritz Engelmann's avatar Moritz Engelmann
Browse files

[add] main.css

parent 336fa700
@font-face {
font-family: "Futura";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("~@/assets/fonts/a3756428-debf-4a86-aed0-a834a3df9bd7.eot?#iefix");
src: url("~@/assets/fonts/a3756428-debf-4a86-aed0-a834a3df9bd7.eot?#iefix") format("eot"),
url("~@/assets/fonts/5f081b13-e570-4277-9283-091a6f6cab04.woff2") format("woff2"),
url("~@/assets/fonts/588b3f3a-c193-4962-8e01-d4caef90f58b.woff") format("woff"),
url("~@/assets/fonts/cdced636-4488-4c04-809c-e6e1379600ec.ttf") format("truetype"),
url("~@/assets/fonts/34abe9e1-3810-4f50-9feb-63cd531bba3e.svg#34abe9e1-3810-4f50-9feb-63cd531bba3e") format("svg");
}
@font-face {
font-family: "Futura";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("~@/assets/fonts/18344c49-d09e-4b3c-b8a8-b8ab949de2f9.eot?#iefix");
src: url("~@/assets/fonts/18344c49-d09e-4b3c-b8a8-b8ab949de2f9.eot?#iefix") format("eot"),
url("~@/assets/fonts/a8f30db2-f049-4e3d-8025-2f848c97f096.woff2") format("woff2"),
url("~@/assets/fonts/05f1af80-02cb-4d2b-992e-f7e9d678b7ad.woff") format("woff"),
url("~@/assets/fonts/7fc6d4cf-507b-4169-b151-c4ad51e034ca.ttf") format("truetype"),
url("~@/assets/fonts/38baa9f5-8717-437d-a2ad-2dd7c0db7965.svg#38baa9f5-8717-437d-a2ad-2dd7c0db7965") format("svg");
}
@font-face {
font-family: "Futura";
font-weight: 700;
font-display: swap;
src: url("~@/assets/fonts/700bd18e-d9e0-45c5-93e2-7c930608c50e.eot?#iefix");
src: url("~@/assets/fonts/700bd18e-d9e0-45c5-93e2-7c930608c50e.eot?#iefix") format("eot"),
url("~@/assets/fonts/12dbb46a-1b0b-40ee-80a6-4141c349b55f.woff2") format("woff2"),
url("~@/assets/fonts/2abd55ef-07d0-473e-80e1-0e4066cd01fa.woff") format("woff"),
url("~@/assets/fonts/c4fa8988-43d1-4a01-96e4-36c5c5a121c9.ttf") format("truetype"),
url("~@/assets/fonts/2ea6bace-93f3-4ab0-9f2d-77a466a20c7f.svg#2ea6bace-93f3-4ab0-9f2d-77a466a20c7f") format("svg");
}
@font-face {
font-family: "Futura";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("~@/assets/fonts/0e1bbf60-6f0d-4df8-bae6-c91e0112462c.eot?#iefix");
src: url("~@/assets/fonts/0e1bbf60-6f0d-4df8-bae6-c91e0112462c.eot?#iefix") format("eot"),
url("~@/assets/fonts/1f54c69d-9346-4402-abd9-d4e764a690e7.woff2") format("woff2"),
url("~@/assets/fonts/d11e8b04-6f0c-4fcf-829a-0f3a6a7533ee.woff") format("woff"),
url("~@/assets/fonts/b4e945dd-6acc-4f06-a215-1de6a0551643.ttf") format("truetype"),
url("~@/assets/fonts/ac7d0937-7588-4213-8b74-83d0a314da39.svg#ac7d0937-7588-4213-8b74-83d0a314da39") format("svg");
}
@font-face {
font-family: "Futura";
font-weight: 900;
font-style: normal;
font-display: swap;
src: url("~@/assets/fonts/b2a8e0f7-fb89-4216-a216-b0d20c0a764f.eot?#iefix");
src: url("~@/assets/fonts/b2a8e0f7-fb89-4216-a216-b0d20c0a764f.eot?#iefix") format("eot"),
url("~@/assets/fonts/fb4c1bec-65b7-49c1-9cdb-2d38077a2256.woff2") format("woff2"),
url("~@/assets/fonts/6daeefa5-3ccc-468f-8a4c-1f7458fdc723.woff") format("woff"),
url("~@/assets/fonts/8e14af9b-4995-4326-ac2f-6ff4c9f4aca1.ttf") format("truetype"),
url("~@/assets/fonts/cf7b6cc0-20fc-4c8a-b0f7-9b61c2f7f538.svg#cf7b6cc0-20fc-4c8a-b0f7-9b61c2f7f538") format("svg");
}
html {
font-size: 0.625em;
}
body {
background-color: #f0f0f0;
color: #262a31;
font: normal 1.5rem/1.6 "Futura", "Open Sans", arial, sans-serif;
line-height: 1.75;
margin: 0;
min-width: -webkit-min-content;
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
cursor: pointer;
text-decoration: none;
//transition: all 0.2s;
&:focus {
outline: 1px dotted #262a31;
}
&:focus,
&:hover {
text-decoration: underline;
text-decoration-color: inherit;
}
}
p {
margin: 0 0 1.5rem;
}
.hidden {
visibility: hidden;
}
.ul-container {
margin-bottom: 10rem;
margin-right: auto;
margin-left: auto;
padding-left: 13px;
padding-right: 13px;
}
.h1,
.h2,
.h2-teaser {
margin: 0 0 2rem;
}
.h1,
.h1-teaser {
font-size: 2.6rem;
font-weight: bold;
line-height: 1.15;
text-transform: uppercase;
}
.h2 {
color: #000000;
}
.h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.75;
margin: 0 0 1.5rem;
}
.h2,
.h2-teaser {
font-size: 2rem;
font-weight: bold;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 1.5;
word-wrap: break-word;
overflow-wrap: break-word;
text-transform: uppercase;
}
.h2-teaser-lowercase {
color: #000000;
font-size: 2rem;
font-weight: bold;
hyphens: auto;
line-height: 1.5;
margin-bottom: 1rem;
overflow-wrap: break-word;
text-transform: none;
}
.ul-text-link {
text-decoration: underline;
color: inherit;
&:visited {
color: inherit;
}
}
.ul-first-section {
margin-top: 0;
}
.ul-img-responsive {
display: block;
height: auto;
max-width: 100%;
}
.ul-no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.ul-container {
width: 768px;
}
}
@media (min-width: 1024px) {
body {
font-size: 1.6rem;
line-height: 1.75;
}
.ul-container {
width: 1000px;
padding-left: 26px;
padding-right: 26px;
}
.h1,
.h1-teaser {
font-size: 3.6rem;
line-height: 1.25;
}
.h1,
.h1-teaser,
.h2,
.h2-teaser {
margin: 0 0 2rem;
}
.h2 {
font-size: 2.2rem;
line-height: 1.25;
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
.h2-teaser {
line-height: 1.15;
}
}
@media (min-width: 1400px) {
.ul-container {
width: 1252px;
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment