Photovoltaik-Wirtschaftlichkeit-Rechner/* Setze den Hintergrund und die Textfarbe */
body
{
background-color
:
#f2f2f2
;
color
:
#333
;
}
/* Zentriere den Titel */
h1
{
text-align
: center;
}
/* Formular-Layout */
form
{
display
: flex;
flex-direction
: column;
align-items
: center;
margin-top
:
20px
;
}
/* Stil für das Label-Element */
label
{
display
: inline-block;
margin-bottom
:
5px
;
}
/* Stil für das Input-Element */
input
[type=
„number“
]
{
padding
:
5px
;
border
: none;
border-radius
:
5px
;
margin-bottom
:
10px
;
}
/* Stil für den Submit-Button */
input
[type=
„submit“
]
{
padding
:
10px
20px
;
background-color
:
#009688
;
color
:
#fff
;
border
: none;
border-radius
:
5px
;
cursor
: pointer;
}
/* Stil für den Ergebnisbereich */
#ergebnis
{
margin-top
:
20px
;
padding
:
10px
;
background-color
:
#fff
;
border
:
1px
solid
#ccc
;
border-radius
:
5px
;
text
text-align
: center;
}