.marvel_visualizer{
  display:flex;
}

#marvel_db_url{
  width: 200px;
}
#textarea_result{
  width: 350px;
  height: calc(90vh);
}

.textarea_result_button{
  display: block;
  margin-top: 20px;
}


.visualizer_cardimage{
  height: 250px;
  width:auto;
  margin-bottom: -200px;
  display: block;
}

.visualizer_cardimage_side{
  width: 250px;
  height:auto;
}

.visualizer_cardname{
  font-family: 'body-text-font';
  font-weight: bold;

  width: 175px;
  text-align: center;
  font-size: 18px;
  min-height: 25px;
}

.visualizer_cardname1{
  width: 175px;
  margin-bottom: 10px;
  min-height: 42px;
  background-color: var(--grey);
  border: 1px solid black;
}

.visualizer_cardname2{
  font-family: 'body-text-font';
  font-weight: bold;

  width: 250px;
  text-align: center;
  font-size: 18px;
  min-height: 25px;
}

.visualizer_cardname3{
  width: 250px;
  margin-bottom: 10px;
  min-height: 42px;
  background-color: var(--grey);
  border: 1px solid black;
}

.visualizer_card{
  width: 180px;
  float: left;
  margin-bottom: 210px;
}

.visualizer_card_side{
  width: 255px;
  float: left;
}

#ausgabe_marvel_deck{
margin-left:15px;
}

#ausgabe_marvel_deck_text{
margin-left:15px;
font-family: monospace;
}

.ausgabe_marvel_kategorie{
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto;
  width: 1416px;
}

.visualizer_category{
  clear:both;
  font-size: 24px;
  font-weight: bold;
  font-family: 'body-text-font';
  padding: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.visualizer-color-Aggression{
  background-color: #e0141466;
}

.visualizer-color-Gerechtigkeit{
background-color: #f2ca0066;
}

.visualizer-color-Führung{
background-color: #3499eb66;
}

.visualizer-color-Schutz{
background-color: #00ab4166;
}

.visualizer-color-Pool{
background-color: #ff69b466;
}

.visualizer-color-Basis{
  background-color: var(--grey);
}