@charset "utf-8";
/* CSS Document */
body {
  background-color: black;
  text-align: center;
  color: white;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}
a:link, a:visited, a {
  color: #AA5DEF;
}
header {
  font-size: 1.2em;
}
figure {
  width: max-content;
  margin: 0 auto;
    text-align: center;
}
.flex {
  display: flex;
  justify-contant: center;
}
#nav {
  display: flex;
  justify-content: space-between;
}
#nav div, #backHome {
  text-decoration: none;
  font-size: 3rem;
  color: white;
  cursor: pointer;
  padding: 15px;
}
@media screen {
  figure > img {
    max-height: 70vh;
    max-width: 100%;
  }
}
/* Im normalen CSS (z.B. style.css oder im <style>-Tag) */
@media print {
  /* Alle Elemente im Body ausblenden */
  body * {
    visibility: hidden;
    margin: 0;
    padding: 0;
  }
  body {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  /* Das Bildelement selbst und seine Kinder sichtbar machen */
  #bild, #bild * {
    visibility: visible;
  }
  /* Das Bildelement so positionieren, dass es auf der Seite zentriert ist */
  #bild {
    display: block;
    padding: 0;
    margin: auto;
    width: 27cm;
    height: auto;
  }
}