#decks{
/*display:grid;
grid-template-columns: auto auto auto auto auto auto auto;*/
}

.deck{
margin: 10px;
min-width: 320px;
page-break-inside: avoid;
display:inline-grid;
}

.card{
font-size: 14px;
font-weight: bold;
font-family: sans-serif;
padding:3px;
}

.uberschrift{
font-size: 16px;
font-weight: bold;
font-family: sans-serif;
padding:3px;
}

.left{
  float: left;
}

.left:hover{
  cursor: pointer;
}

.right{
  float: right;
}

.card i{
  font-size: 12px;
}

.white{
  color: white;
}

.grey{
  background-color: lightgrey;
}


#mydiv{
  position: absolute;
z-index: 9;
background-color: dimgray;
border: 1px solid black;
text-align: center;
}
#mydivheader{
  padding: 10px;
cursor: move;
z-index: 10;
background-color: black;
color: #fff;
}

.aktive-Karte{
  display: -webkit-inline-box;
padding: 10px;
color: lightgray;
}