/* CSS Document */

@font-face {
  font-family: 'HandelGothic';
  src: url('../fonts/Handel-Gothic.woff') format('woff'),
    url('../fonts/Handel-Gothic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.style1 {
  font-family: HandelGothic, serif !important;
  border: none;
  opacity: 80%;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

dd {
  display: none;
}

a {
  color: white !important;
}


/* 
  Diese CSS-Regeln definieren das Aussehen von Elementen mit den Klassen "closed" und "open".
  Die Klasse "closed" hat eine Hintergrundfarbe von #fd9129, eine Schriftfarbe von weiß, eine Schriftart von 'HandelGothic', eine Schriftgröße von 12px, einen horizontalen und vertikalen Abstand von 3px und einen Buchstabenabstand von 1px.
  Die Klasse "open" hat eine Hintergrundfarbe von #fd9129, eine Schriftart von 'HandelGothic', eine Schriftgröße von 12px, einen horizontalen und vertikalen Abstand von 3px und einen Buchstabenabstand von 1px.
*/
.closed {
  background: #fd9129;
  color: white;
  font-family: 'HandelGothic';
  font-size: 12px;
  padding-inline: 3px;
  padding-block: 3px;
  letter-spacing: 1px;
  /* symbol for "collapsed" panels */

}

.open {
  background: #fd9129;
  font-family: 'HandelGothic';
  font-size: 12px;
  padding-inline: 3px;
  padding-block: 3px;
  letter-spacing: 1px;
  /* symbol for "collapsed" panels */

}




.hot:hover {
  box-shadow: 0 1rem 0.9rem rgba(0, 0, 0, 0.2), 0 1.0rem 1.2rem rgba(0, 0, 0, 0.1);
  transform: translate(0, -0.1rem);

}

.sprache.li {
  list-style-type: none;
  border-radius: 15px;
  background: #fd9129;
  font-size: 13px;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
  margin-right: 3px;
  margin-bottom: 3px;

}

canvas {
  /*prevent interaction with the canvas*/
  pointer-events: none;
}