h1
{
    text-align: center;
}
h4
{
    font-size: 25%;
    font-family: Arial;
}
body
{
    text-align: center;
    background-color: #5D788C;
    font-size: 2em;
    font-family: Arial;
}
#falsch
{
    color: red;
}
#richtig
{
    color: darkgreen;
}
#Übersicht
{
    size: 40;
}
#frage
{
    color: blue;
}
#Tipp
{
    font-size: large;
    color: blue;
}

.fragen
{
    font-size: 4em;
}
#Suche
{
    max-width: 100%;
    height: auto;
}
input[type=text]
{
    border: 2px solid #FFD512;
    border-radius: 4px;
    font-size: 40%;
    color: #DE001A;
}
input[type=submit]
{
  background-color: #FFD512;
  border-color: #FFD512;
  border-radius: 4px;
  font-size: 40%;
  color: #DE001A;
}
input[type=text]:focus
{
  background-color: lavender;
}
footer
{
    color: black;
    background-color: white;
    font-size: 25%;
    text-decoration: none;
}
.Hinweis
{
    color:darkred;
    font-family:Arial, Helvetica, sans-serif;
}
.R
{
    color: green;
}
.F
{
    color: red;
}
#logo
{
  width: 30%;
  height: auto;
  float: right;
  border: 5px solid white;
}
.container
{
  width: 100%;
  overflow: hidden;
}
.auswahl
{
    display: flex;
}
.auswahl img
{
    height: auto;
    width: 100%;
}
button
{
    background-color: #FFD512;
    border-color: #FFD512;
    border-radius: 4px;
    font-size: 40%;
    color: #DE001A;
}
.audio
{
    text-align: center;
}
#quiz
{
  width: 30%;
  height: auto;
  border: 2px solid black;
  border-color: black;
}
footer
{
    background-color: #5D788C;
    font-size: 0.5em;
}
.toggle-buttons input[type="radio"] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .toggle-buttons label {
    border: 1px solid #333;
    border-radius: 0.5em;
    padding: 0.2em;
  }
   
  .toggle-buttons input:checked + label {
    background: #ebf5d7;
    color: #5a9900;
    box-shadow: none;
  }
#MK
{
    background-color: #FFD512;
    border-color: #FFD512;
    border-radius: 4px;
    font-size: 100%;
    color: #DE001A;
}
.abstand
{
    line-height: 100%;
}
.abstand_lang
{
    line-height: 180%;
}