[add] main.css

src/assets/styles/main.scss

+@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;
+  }
+}