/*
  CSS RESET
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 100%;
}

ul,
ol {
  list-style: none;
}

img,
video {
  width: 100%;
}

a {
  color: rgb(114, 154, 230);
  text-decoration: none;
}



/* 
CUSTOM STYLES 
*/

@media (0 < width <= 230px) and (0 < height <= 2560px) {
  body {
    display: none;
  }
}

@media (0 < width <= 574px) and (0 < height <= 2560px) {
@font-face {
  font-family: "Floreal";
  src:
    url("../fonts/Floreal-Italic.woff") format("woff"),
    url("../fonts/Floreal-Italic.woff2") format("woff2");
}



body {
  font-family: "Floreal";
  font-size: 24px;
}

/* 
TYPO
*/

h1 {
  font-family: "Floreal";
  font-size: 40px;
}

p {
  margin-bottom: 1.5em;       /* Abstand nach unten */
  font-family: "Floreal";
  font-size: 24px;
}

a.pfeil {
  position: fixed;
  font-size: 40px;
  margin-left: 16px;
}

  .link-color {
    color: rgb(100, 100, 251);
  }
}

@media (574px < width <= 2560px) and (0 < height <= 2560px) {
  body {
    display: none;
  }
}