#ergebnisSeite{
  height: auto;
  width: 100%;
}

#ergebnisSeite > div{
  display: inline-block;
  width: 100%;
}

#ergebnisSeiteTitle{
  font-size: 1.5em;
  color: white;
  font-family: 'Oswald', sans-serif;
  margin: 0 0.8em;
}

#ergebnisSeiteUntertitle, .ergebnisseInKategorien-zeile > div{
  color: white;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
}

#ergebnisSeiteUntertitle{
  margin: 0 1.2em;
}

.ergebnisseInKategorien-zeile > div{
  display: inline-block;
}

.ergebnisseInKategorien-spalte1{
  width: 70%;
  margin: 0 1.2em;
}

.ergebnisseInKategorien-spalte2{
  width: 8%;
}

.lupe{
  height: 0.8em;
}

.lupe:hover{
  cursor: pointer;
}

#auswertungNachFragen > button{
  display: block;
  border: none;
  font-size: 1em;
  background-color: #e68407;
  color: white;
  width: 90%;
  font-family: 'Oswald', sans-serif;
  margin: 0.3em 1.2em;
  padding: 0.3em;

}

#auswertungNachFragen > button:hover{
  cursor: pointer;
}

.pie{
  text-align: center;
}

 #piChart {
   min-width: 8em;
   margin: 0.5em 0em;
   max-width: 90vw;
   width: 36vh;
}

/*-----------------------------------------------------------------------------*/
@media all and (min-aspect-ratio: 55/40){

#ergebnisSeite{
  height: 70vh;
  width: 100%;
}

#ergebnisSeite > div{
  display: inline-block;
  float: left;
  width: auto;
}

#ergebnisSeiteTitle{
  font-size: 5vh;
  margin: 2vh;
}

#ergebnisSeiteUntertitle, .ergebnisseInKategorien-zeile > div{
  font-size: 3vh;
}

#ergebnisSeiteUntertitle{
  margin: 2vh;
}


.ergebnisseInKategorien-spalte1{
  width: 19vh;
}

.ergebnisseInKategorien-spalte2{
  width: 6vh;
}

.lupe{
  height: 3vh;
}

#ergebnisSeiteOptionen{
  margin-top: 19vh;
}

#ergebnisSeiteOptionen > div{
  display: inline-block;
  margin: 0.5vh;
  float: left;
}

#auswertungNachFragen > button{
  font-size: 3vh;
  width: 35vh;
  margin: 0 2vh 1vh 2vh;
  padding: 1vh;
}

.pie{
  text-align: auto;
}


 #piChart {
  width: 42vh;
  margin: 5vh;
  min-width: unset;
  max-width: unset;
}
}