/* Allgemeine Formatierung */
body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    background-image: url("background.jpg");
    background-size: cover;
    color: white;
}

a:visited,
a:link
{
	color: white !important;
	text-decoration: none;
	font-size: 12px !important;
	letter-spacing: 0.04em !important;
    text-align: left !important;
}

li
{
color: white;
text-align: left;
    font-size:  large !important;
    letter-spacing: .03em !important;
	margin-top: 6px;
	    margin-left: 26.7%;
} 

img {
    text-align: center;
    max-width: 54% !important;
    background-repeat: no-repeat !important;
    border-radius: 8px !important;
    height: auto !important;
    box-shadow: 0 0 10px black;
    #box-shadow: 0 0 15px rgba(62,142,222);
    margin-top: 5% !important;
    margin-left: 32%;
    display: block;
    margin-bottom: 10px;
}

/* Header */
h1 {
    text-align: center;
    margin-top: 20px;
    color: black;
}

/* Formular */
form {
    max-width: 54%;
#    margin: 20px auto;
    padding: 20px;
    background-color: rgba(76,144,205, .5);
    ### background-color: #f0f0f0;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(77,77,77);
	    margin-left: 26.7%;
	   margin-top: 6px;
	            border: white 1px solid !important;
}

label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

input[type="number"] {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

input[type="submit"], button[type="button"] {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #4C90CD;
   ### background-color: #4caf50;
    color: white;
    cursor: pointer;
      border: white 1px solid !important;
        font-size: large !important;
  letter-spacing: 0.04em !important;
}

input:hover[type="submit"], button:hover[type="button"] {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #6fa6d7;
   ###background-color: #4caf50;
    color: white;
    cursor: pointer;
      border: white 1px solid !important;
        font-size: large !important;
  letter-spacing: 0.04em !important;
}


/* Ergebnis */
.ergebnis {
    max-width: 54%;
###    margin: 20px auto;
    padding: 20px;
    ### background-color: #f0f0f0;
        background-color: rgba(76,144,205, 0.7);
    border-radius: 10px;
         border: white 1px solid !important;
      	width: 100%;
	###height: 30vh;
	display: flex;
	align-items: center;
	justify-content: center;
	    margin-left: 26.7%;
		margin-top: 5px;
		font-size: 12px !important;
}

.ergebnis p0{
    margin: 0;
}

.ergebnis p:first-of-type {
    font-weight: bold;
    font-size: 18px;
}

.ergebnis2 {
    max-width: 54%;
    ###margin: 20px auto;
    padding: 20px;
    #### background-color: #f0f0f0;
        background-color: rgba(76,144,205, 0.7);
    border-radius: 10px;
         border: white 1px solid !important;
               	width: 100%;
	###height: 30vh;
	display: flex;
	align-items: center;
	justify-content: center;
	    margin-left: 26.7%;
		margin-top: 5px;
		font-size: 12px !important;
}

.ergebnis2 p {
    margin: 0;
}

.ergebnis2 p:first-of-type {
    font-weight: bold;
    font-size: 18px;
}

.font_bg_footer
{
    max-width: 63.8%;
###    margin: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    background-color: rgba(76,144,205, .7);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(77,77,77);
    border: white 1px solid !important;
    ###font-size:  small !important;
    letter-spacing: .03em !important;
	margin-top: 6px;
	    margin-left: 26.7%;
	    text-align: left;
}

.footer {
margin: auto;
text-align: center;
position: static;
left: 0;
bottom: 1px;
max-width: 100%;
background-color: rgba(76,144,205, .7);
border-radius: 8px 8px 8px 8px;
###border: white 1px solid !important;
font-size: 12px !important;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
width: 85%;
}