@font-face {
  font-family: 'fontawesome';
  src: url('fa-solid-900.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #333;

}

.topnav a {
  padding: .75em;
  text-decoration: none;
  font-size: 1em;
  display: block;
  /*color: white;*/
}

.topnav a:hover {
  /*background-color: #ddd;*/
  /*color: black;*/
}

.icons {
  display: flex;
  background-color: #04AA6D;
}

.icons a {
  background-color: gray;
  font-family: fontawesome;
  width:1em;
  text-align:center;
}

.icons a:hover {
  /*background-color: #ddd;*/
  /*color: white;*/
}

.icons p {
  font-weight:bold;
  color:white;
}

.topnav #links, #links2 {
  display: block;
  background-color: gray;
  position: absolute;
  z-index:100;
  opacity: 0.95;
}

.topnav #links a, #links2 a {
  color:white;
}


.topnav #links a:hover, #links2 a:hover {
  background-color: #ddd;
  color:black;
}

.en {
  background-color: gray;
  color: white;
}

/*
.en:hover {
  background-color: #ddd;
  color: black;
}
*/
.en:hover {
  background-color: var(--hover-bg, #ddd);
  color: var(--hover-color, black);
}



.ds, .ds:hover{
  color:#909090;
  cursor:default;
}


.sym{

text-decoration:none;
font-size:1.5em;
color:black;

font-family:fontawesome;
display:table-cell;
padding:0px 5px;
border:solid white 1px;
}
.sym:hover{
background-color:#e0e0e0;
border:solid gray 1px;
}

.symt {
vertical-align:middle;
display:table-cell;
}




hr {
      margin:0px;
      padding:0px;
      border: 0;
      height: 1px;
      background-image: linear-gradient(to right, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, .1));
}


table {
  font-family: "Lucida Console", "Courier New", monospace;
  font-weight: 500;
  vertical-align:center;
}

#eingabe input {
    width: 1.2em;
    height: 1.2em;
    margin: .1em;
    padding: .1em;
    font-size:1.2em;
    font-family: "Lucida Console", "Courier New", monospace;
    text-align: center;
}

#eingabe button {
    margin: .2em;
    padding:.4em;
    padding: .4em 1em .4em 1em;
    font-weight:bold;
}

#eingabe {
    position:absolute;
    padding-left:16px;
    overflow: hidden;
    display:block;
    background-color: gray;
    visibility:hidden;
    padding:2em;
    padding-top:3em;
    text-align:center;
}

#eingabe div {
    color:white;
    font-weight:bold;
    padding:.3em;
    padding-left:.5em;
    background:darkgray;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    text-align:left;
    cursor:default;
}

#eingabe div div {
    position:absolute;
    right:0px;
    width:1.8em;
    left:auto;
    color:black;
}
#eingabe div div:hover {
    background:#b05050;
    color:white;
}