@charset "UTF-8";
/* Bei Änderung muss ich index - svg - hide mit anpassen! */
h1, h2, h3 {
  font-family: monospace;
  color: rgb(221, 48, 98);
}

p {
  font-family: monospace;
  text-align: justify;
  color: rgb(221, 48, 98);
}

a {
  text-decoration: none;
  color: rgb(221, 48, 98);
  font-weight: bold;
  font-family: monospace;
  font-size: 130%;
}

a:hover, a:focus {
  text-transform: uppercase;
  color: rgb(144, 29, 61);
}

@media screen and (min-width: 1000px) {
  p {
    font-size: 130%;
  }
}
@media screen and (max-width: 1000px) {
  p {
    font-size: 115%;
  }
  a {
    font-size: 115%;
  }
}
@media screen and (min-width: 1600px) {
  p {
    font-size: 120%;
    line-height: 150%;
  }
}
@media screen and (min-width: 480px) {
  body {
    background-color: rgb(51, 51, 51);
  }
}
@media screen and (min-width: 768px) {
  body {
    background-color: grey;
  }
}
@media screen and (min-width: 1024px) {
  body {
    background-color: orange;
  }
}
@media screen and (min-width: 1200px) {
  body {
    background-color: green;
  }
}
body {
  background-color: rgb(212, 210, 211);
}

main {
  display: flex;
  position: fixed;
  background-color: rgb(174, 164, 164);
  top: 2%;
  bottom: 2%;
  left: 2%;
  right: 2%;
  overflow-y: auto;
  justify-content: flex-start;
}

#text {
  background-color: rgb(212, 210, 211);
}

/* SMAL SMAL SMAL SMAL SMAL */
@media screen and (max-width: 900px) {
  #media {
    width: 98%;
    margin: auto;
  }
  #text {
    padding: 2% 10%;
  }
}
/* LARGE LARGE LARGE LARGE LARGE LARGE */
@media screen and (min-width: 900px) {
  #dia {
    width: 100%;
  }
  #text {
    width: 26%;
    padding: 2%;
  }
}
#stop {
  display: none;
}

#stop:target {
  display: block;
  top: 20%;
  left: 30%;
  width: 200px;
  height: 200px;
  margin: auto;
  z-index: 2;
  background-color: blueviolet;
}

#Welcome {
  position: absolute;
  width: 20%;
  min-width: 200px;
  margin: 100px 0 0 2%;
  -webkit-hyphens: auto;
          hyphens: auto;
  hyphenate-limit-chars: 5 3 3;
  -ms-hyphenate-limit-chars: 5 3 3;
  -ms-hyphenate-limit-lines: 1;
}

#Impressum {
  position: absolute;
  bottom: 20px;
  width: 20%;
  padding: 2%;
}

#svg-menu {
  display: none;
}

#Menu {
  position: absolute;
  height: 90%;
  width: auto;
  margin: 10px;
  left: 27%;
}

body {
  overflow: hidden;
}/*# sourceMappingURL=style.css.map */