body { 
    width: 1000px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 20px auto 20px auto;
    } 

button {
    margin: 15px;
    padding: 0px 15px 0px 15px;
    font-size: 20px;
    height: 180px;
    width: 300px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    line-height: 28px;
    border: solid darkblue 2px;
    color: black;
}

button:disabled{
    color: black;
}

button:hover:enabled {
    border: solid 5px darkblue;
    font-size: 22px;
    padding: 0px;
}

#buttonArea {
display: flex;
align-items: center;
justify-content: center;
}

#answerArea {
display: flex;
align-items: center;
justify-content: center;
}

#questionArea{
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#submitButton,#nextButton,#repeatCheckAnswer,#repeatNextButton,#buttonTryAgain,#repeatButton,#buttonBack,#backButton,#newTestButton{
    border-style: solid;
    border: solid 2px darkblue;
    margin-top: 0px;
    border-radius: 40px;
    height: 90px;
    width: 230px;
}
#submitButton:hover:enabled,#nextButton:hover:enabled,#repeatCheckAnswer:hover:enabled,#repeatNextButton:hover:enabled,#buttonTryAgain:hover:enabled,#repeatButton:hover:enabled,#buttonBack:hover:enabled,#startButton:hover:enabled,#backButton:hover:enabled,#newTestButton:hover:enabled{
    background-color: darkblue;
    color: white;
    font-size: 22px;
    padding: 0px 3px 0px 3px;
}

#submitButton:enabled,#nextButton:enabled,#repeatCheckAnswer:enabled,#repeatNextButton:enabled {
    font-size: 22px;
    padding: 0px 3px 0px 3px;
}

#startButton {
    border-style: solid;
    border: solid 2px darkblue;
    margin-top: 0px;
    border-radius: 40px;
    height: 60px;
    width: auto;
}

#subjectArea{
    margin-bottom: 30px;
}

#questionAreaAnswer {
    border: solid 2px orange;
}

.flex-container1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h1,h2,h3,p {
    padding: 0px 0px 0px 0px;
    margin: 15px;
}

ul {
    list-style: none;
    line-height: 25px;
    padding-left: 200px;
}

#progress {
    height: 30px;
    padding: 0px;
    margin: 0px;   
}

#progressBarArea {
    background-color: rgb(214, 37, 38);
    width: 100%;
    margin: 0px 0px 0px 0px;
}

#progressBar {
    margin: 0px;
    text-decoration: none;
    border: none;
    color: white;
}

.flex-ContainerStart {
    display: flex;
    justify-content: center;
}

#FishQuizLogo {
    height: 90px;
    padding-right: 15px; 
}

#titleStart {
text-align: center; 
line-height: 50px;
}

.subjectButton {
    line-height: 30px;
    height: 130px;;
}
.Prüfung {
    width: 970px; 
    height: 100px; 
}

.subjectButton:hover {
    font-size: 22px;
}

.subjectButton:hover:after {
    content: " >>" ;
    color: rgb(214, 37, 38);
}

#resultP{
    line-height: 30px;
    text-align: center;
}
#result, #resultN{
    margin-top: 20px;
}