@font-face {
  font-family: 'ch5-font-r';
  src: url('../res/Circe-Regular.ttf')  format('truetype');
}
@font-face {
  font-family: 'ch5-font-b';
  src: url('../res/Circe-Bold.ttf')  format('truetype');
}

/********************************************************************
* Allgemeines Styling
********************************************************************/
html, body {
  margin:0;
  padding:0;
  height:100%;
  font-family:ch5-font-r;
  color: rgba(255,255,255,0.65);
  background-color: #000;
  scroll-behavior: smooth;
}
article {
 text-align:center;
 padding: 0 15px 0 15px;
}
a {
  text-decoration: none;
  color:#fff;
}
a:hover {
  border-bottom:1px solid #d4b126;
}
h1 {
  font-weight: normal;
  font-family: 'ch5-font-b';
  font-size: 28px;
}
h2 {
  font-weight: normal;
  font-family: 'ch5-font-b';
  color:#d4b126;
  font-size: 18px;
}
.gold {
  color:#d4b126;
}
.hr {
  width:100%;
  height:1px;
  background-color:rgba(255,255,255,0.65);
}