@font-face {
  font-family: "Gotham Black";
  src: url("../fonts/HomepageBaukasten-Bold.ttf") format("truetype"), url("../fonts/HomepageBaukasten-Bold.woff2") format("woff2"),
    url("../fonts/HomepageBaukasten-Bold.woff") format("woff"), url("../fonts/HomepageBaukasten-Bold.eot") format("eot");
}

@font-face {
  font-family: "Redwing Light";
  src: url("../fonts/Redwing-Light.ttf") format("truetype"), url("../Redwing-Light.woff") format("woff");
}

@font-face {
  font-family: "Redwing Medium";
  src: url("../fonts/Redwing-Medium.ttf") format("truetype"), url("../Redwing-Medium.woff") format("woff");
}

:root {
  --primary: #1FA1BB;
  --primary_dark: #006c8f;
  --secondary: #edfbff;
  --dark-grey: #373737;
  --black: #000;
  --white: #F6F6F6;
  --blank: #fff;
  --border: #CDCDCD;
  --placeholder: #929292;
  --separation: #888888;
  --dark-primary: #002b39;
  --disabled-primary: #6cdbff;
  --valid: #4FB760;
}

html {
  background: white;
  height: fit-content !important;
  min-height: 100vh;
}

body {
  padding: 50px;
  box-sizing: border-box;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.is-checked .mdl-switch__track {
  background-color: var(--primary) !important;
  opacity: 0.5;
}