*
{
  border: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: sans-serif;
}
:root
{
  --header-background: cornsilk;
  --header-border: hsl(210, 100%, 80%);
  /* --body-background-image: url(../images/rust-texture.jpg); */
  --table-header-background: lightgreen;
  --hr-color: hsl(210, 100%, 80%);
  --hr-color-red: hsl(315, 52%, 68%);
  --hiscore-color: hsl(195, 50%, 88%);
  --current-hdcp-color: pink;
  --new-hdcp-color: lightskyblue;
  --legend-border-color: cornsilk;
  --winner-color: lightcoral;
  --less-games-color: hsl(0deg 0% 90%);
  --background-crown: lightgreen;
}

body  
{ 
  background-image: var(--body-background-image); 
  background-attachment: fixed;
}
p     { height: 2em; }

/* Container für 1-teiliges Grid */
.grid-container
{
  display: grid;
  grid-template-columns: 1fr;
  margin: 1em;
}

/* Überschrift */
.grid-header
{
  position: relative;
  padding: 0.5em 0;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  background-color: var(--header-background);
  border-radius: 15px;
  box-shadow: inset 10px 10px 10px var(--header-border)
            , inset -10px -10px 10px var(--header-border)
            , 10px 10px 10px black
            ;
  border-style: outset;
  /* filter: drop-shadow(0 0 1rem black); */
}

.hidden { display: none; }
.left   { text-align: left; }

/* Falls DIV zur Anzeige eines Bildes benötigt wird */
div.image
{
  background-image: var(--img-background) /* , 
                    linear-gradient(to bottom right, hsla(0, 100%, 50%, 0.5), hsla(240, 100%, 50%, 0.5));; */
}