html,
html > body,
body {
  font-family: Avenir, "Avenir Next", Helvetica, Arial, sans-serif;
  font-size: 16pt;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #e7e7e7; }

h1, h2, h3, h4, h5, h6 {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  padding: 0; }

a,
a.active,
a.visited {
  color: #FF0046; }

body.home {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #283241;
  color: #ffffff; }
  body.home > header {
    display: none; }
  body.home > footer {
    /*display: none;*/ }
  body.home main {
    align-self: center;
    margin: auto;
    margin-top: 20%;
    /*		.teaser {
    			font-size: 2rem;
    			text-align: center;
    			margin-left: auto;
    			margin-right: auto;
    		}*/ }
    body.home main h1,
    body.home main h2 {
      font-size: 1.5rem;
      margin: 0;
      margin-left: auto;
      margin-right: auto;
      opacity: .8;
      text-align: center;
      display: none; }
    body.home main h1 {
      font-size: 1.8rem;
      margin-top: 2rem;
      opacity: .7; }
    body.home main h2 {
      font-size: 2rem;
      margin-top: -.1rem;
      margin-bottom: 2rem;
      opacity: .4; }
    body.home main .bullet {
      font-size: .8rem;
      display: inline-block;
      margin-left: .5rem;
      margin-right: .5rem;
      opacity: .3;
      display: none; }
    body.home main .logotype {
      margin-top: 2rem;
      margin-left: auto;
      margin-bottom: auto;
      text-align: center; }
      body.home main .logotype svg {
        width: 200px;
        /*height: ;*/ }
        body.home main .logotype svg path,
        body.home main .logotype svg polygon {
          fill: #FF0046; }
    body.home main .logo {
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      body.home main .logo svg {
        height: 150px;
        max-width: 150px; }
        body.home main .logo svg path {
          fill: #FF0046; }

footer {
  /*display: none;*/
  font-size: .8rem;
  margin-bottom: 1rem;
  padding-bottom: env(safe-area-inset-bottom);
  text-align: center; }
  footer a {
    color: #FF0046;
    opacity: .9;
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }
  footer ul {
    margin: 0;
    padding: 0;
    /*padding-bottom: 1rem;*/ }
    footer ul li {
      display: inline-block;
      margin-left: .3rem;
      margin-right: .3rem; }

.legal {
  /*header*/ }
  .legal header {
    background-color: #283241;
    display: flex;
    align-items: center;
    padding: 1rem;
    margin-bottom: 1.5rem; }
    .legal header a {
      display: block;
      text-align: center;
      margin-left: auto;
      margin-right: auto; }
    .legal header .logo {
      display: inline-block;
      margin-left: auto;
      margin-right: auto; }
      .legal header .logo svg {
        height: 75px;
        max-width: 75px; }
        .legal header .logo svg path {
          fill: #FF0046; }
    .legal header .logotype {
      display: inline-block;
      margin-left: .5rem;
      display: none; }
      .legal header .logotype svg {
        /*width: 200px;*/
        height: 30px; }
        .legal header .logotype svg path,
        .legal header .logotype svg polygon {
          fill: #FF0046; }
  .legal main {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
  .legal h1, .legal h2, .legal h3, .legal h4, .legal h5, .legal h6 {
    font-size: 1rem;
    font-weight: normal;
    font-style: normal; }
  .legal h1 {
    font-size: 1.7rem;
    color: #FF0046;
    text-align: center;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: 200; }
  .legal h2 {
    font-size: 1.3rem;
    color: #FF0046;
    font-weight: 200; }
  .legal h3 {
    font-size: 1.1rem;
    color: #FF0046;
    font-weight: 200; }
  .legal h4 {
    font-size: 1rem;
    color: #FF0046;
    font-weight: 500; }
  .legal p {
    margin-top: 0; }
  .legal footer ul {
    padding-bottom: 1.5rem; }