:root{
    --background-color:              #153564;
    --secondary-background-color:    #185679;
    --primary-color:                 #1d9195;
    --first-text-color:              rgb(209, 196, 84);
    --secondary-text-color:          #dccf8a;
}
/*Input-Felder*/
input{
    background-color: var(--secondary-background-color);
    width:45%;
    min-height: 40px;
    border: 1px solid var(--background-color);
    border-radius: 1em;
    margin: 10px;
    font-size: 100%;
    text-align: center;
    color: white;
}

input[type=select]{
    background-color: var(--secondary-background-color);
    width:45%;
    min-height: 40px;
    border: 1px solid var(--background-color);
    border-radius: 1em;
    margin: 10px;
    font-size: 100%;
    text-align: center;
    color: white;
}
input[type=select]:hover{
    background-color: var(--first-text-color);
}

input[type=submit]{
    background-color: var(--secondary-text-color);
    width:25%;
    min-height: 40px;
    border: 1px solid var(--background-color);
    border-radius: 1em;
    margin: 10px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-size: 100%;
}
input[type=submit]:hover{
    background-color: var(--first-text-color);
}

button:hover{
    background-color: var(--first-text-color);
}


::placeholder{
    color:var(--secondary-text-color);
    text-align: center;
    transition: 1.5s;
    font-size: 80%;
}

:focus::placeholder{
    color: var(--secondary-background-color)
}

.hiddeninput::placeholder{
    color:var(--background-color);
}

select{
    background-color: var(--secondary-background-color);
    width:45%;
    min-height: 40px;
    border: 1px solid var(--background-color);
    border-radius: 1em;
    margin: 10px;
    font-size: 100%;
    text-align: center;
    color: white;
}
/*Überschriften*/       
h1{
    padding: 10px;
    font-size: 150%;
    color: var(--first-text-color);
}

h2{
    padding: 10px;
    font-size: 100%;
    color: var(--secondary-text-color);
}
/*Tabelle*/
table {
    border-collapse: collapse;
    border-radius: 0;
    width: 100%;
    text-align: center;
    font-size: 0.8em;
}
tr:hover{

    background-color: var(--secondary-background-color)
}
        
table, td, th{
    border: 1px solid;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 10px;
    color: white;
    height: 60px;
}

tr{
    height: 60px;
}

/*Link*/
a:link{
    color: var(--secondary-text-color)
}

a:visited{
    color: var(--secondary-text-color)
}

a:hover{
    color: white;
}

textarea{
    background-color: var(--secondary-background-color);
    width:45%;
    min-height: 40px;
    border: 1px solid var(--background-color);
    border-radius: 1em;
    margin: 10px;
    font-size: 100%;
    text-align: left;
    color: white;
    padding: 10px;
}   

/*Klassen für SELECT-Felder*/
.green {
    background-color: green;
    color: black;
}
.yellow {
    background-color: yellow;
    color: black;
}
.red {
    background-color: red;
    color: black;
}