:root{
  --green: rgba(0,200,0,0.5);
  --red: rgba(200,0,0,0.5);
  --black: black;
  --white: white;
}

body{
  background-image: url('paper.jpeg');
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  position: relative;
    margin: 0px;
    padding: 8px;
}

@media only screen and (min-width: 1300px) { body:before, body.light:before {
      content: '';
      pointer-events: none;
      position: absolute;
      width: 100%; height: 100%;
      background-image: url(./lines_gold.png);
      background-size: 100%;
      background-position: center;
      background-repeat: repeat-y;
      top: 0px;
      left: 0px;
      } }

.info-link{display: inline-block;margin: 1%;min-width: 200px;align-content: center;text-align: center;background-color: #873229;/* border-radius: 5px; */box-shadow: 0px 5px 25px 0px var(--black);vertical-align: top;border: 4px solid #a7733f;}

.info-link:hover{
  background-color: #b45e54;
}

.info-link a{
  font-size: 20px;
  color: #ecbe6e;
  text-decoration: none;
  padding: 5px;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  display: inline-block;
  min-width: 200px;
}

.category{
  display: flex;
  flex-direction: column;
  margin: auto;
}

h1{
  text-align: center;
}

.sammlung{text-align: center;}

.line{
  width: 100%;
  max-width: 1000px;
  height:25px;
}