/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 9, 2019 */

@font-face {
  font-family: 'formregular';
  src: url('webfontkit-20191209-103528/form-regular-webfont.woff2') format('woff2'),
       url('webfontkit-20191209-103528/form-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'averta-regular';
    src: url('../fontsquirrel/averta-regular.eot');
    src: url('../fontsquirrel/averta-regular.eot?#iefix') format('embedded-opentype'),
         url('../fontsquirrel/averta-regular.woff2') format('woff2'),
         url('../fontsquirrel/averta-regular.woff') format('woff'),
         url('../fontsquirrel/averta-regular.ttf') format('truetype'),
         url('../fontsquirrel/averta-regular.svg#avertaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
  box-sizing: border-box;
  font-size: 16px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: "averta-regular", arial, sans-serif;
  color: #3255a4;
  /* background-color: black; */
}

h2 {
  display: inline;
  font-size: calc(1em + 1vh);
  margin: 0.25em;
  /* border-bottom: 1px solid #3255a4; */
}

ol, ul {
  list-style: none;
}

/* img {
  max-width: 100%;
  height: auto;
} */


div {
 margin: 0;
 border: 0;
}

.logo {
  background: red;
  height: 20px;
}

.location,
.weather {
  text-align: right;
}

#dd, #mm {
  text-align: center;
  font-family: 'formregular';
  font-size: 45vh;
  line-height: 1.023;
  color: #F5F5F5;
  mix-blend-mode: multiply;
  /* mix-blend-mode: exclusion;
  mix-blend-mode:lighten;
  mix-blend-mode:difference;
  mix-blend-mode:screen; */
  /* Fallback für mix-blend-mode erstellen */
}

#mm {
  margin-top: -15vh;
}