body,
html {
  height: 100%; }

* {
  margin: 0;
  padding: 0;
  font-family: "allumi-std";
  font-weight: normal;
  font-style: normal;
  color: #404040;
  line-height: 1.35em;
  border: none;
  outline: none;
  font-size: 30px; }
  @media (max-width: 1080px) {
    * {
      font-size: 27px; } }
  @media (max-width: 870px) {
    * {
      font-size: 21px; } }
  @media (max-width: 700px) {
    * {
      font-size: 18px; } }
  @media (max-width: 540px) {
    * {
      font-size: 15px; } }

body {
  background: white; }

a {
  text-decoration: none; }

.links {
  color: #9a968f;
  cursor: pointer; }

ul {
  list-style: none; }

address {
  font-style: normal; }

h2,
ul {
  margin-bottom: 0.7em; }

.address {
  margin-top: 1.35em;
  opacity: 0; }

strong {
  font-weight: bold; }

.startfarbe, .h1box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border: solid white 0.72em;
  box-sizing: border-box;
  padding-top: 3.2em; }

.h1box {
  background: white;
  z-index: 1; }

h1 {
  position: relative;
  left: 1.3em; }
  h1 span {
    position: relative;
    top: -0.415em;
    display: block;
    font-weight: bold;
    font-size: 13em;
    float: left; }
  h1 em {
    display: inline;
    margin-right: 2em;
    position: relative;
    left: -0.2em; }

.startfarbe1 {
  background-color: #FF564E; }
  .startfarbe1 span {
    color: #ff6962; }

.startfarbe2 {
  background-color: #11E54D; }
  .startfarbe2 span {
    color: #1cee58; }

.startfarbe3 {
  background-color: #00ABD8; }
  .startfarbe3 span {
    color: #00bbec; }

.startfarbe4 {
  background-color: #DD0093; }
  .startfarbe4 span {
    color: #f100a1; }

.layout {
  border-top: 0.75em solid white;
  max-width: 800px;
  padding: 3.2em 5em 0 10.3em; }
  @media (max-width: 540px) {
    .layout {
      padding: 3.2em 3em 0 5.3em; } }
/*# sourceMappingURL=l4.css.map */