140 lines
2.5 KiB
CSS
140 lines
2.5 KiB
CSS
.Kontaktformular {
|
|
margin-top:10px;
|
|
text-align:center;
|
|
}
|
|
.Kontaktformular h1 {
|
|
font-weight:bold;
|
|
font-size: 30px;
|
|
}
|
|
|
|
.Kontaktformular .FormElement {
|
|
width:320px;
|
|
margin:4px auto;
|
|
height:40px;
|
|
}
|
|
.Kontaktformular .FormElement .TField {
|
|
height:35px;
|
|
width:320px;
|
|
border:1px solid #E0DFDF;
|
|
padding-left:6px;
|
|
font-family:Comic Sans MS, Comic Sans, cursive;
|
|
font-size:17px;
|
|
}
|
|
.Kontaktformular .TextElement {
|
|
width:320px;
|
|
margin:6px auto;
|
|
height:7em;
|
|
}
|
|
.Kontaktformular .TextElement textarea {
|
|
width: 320px;
|
|
height: 5.8em;
|
|
border:1px solid #E0DFDF;
|
|
font-family:Comic Sans MS, Comic Sans, cursive;
|
|
font-size:17px;
|
|
}
|
|
|
|
.Kontaktformular .FormElement .CField {
|
|
height:35px;
|
|
width:200px;
|
|
border:1px solid #E0DFDF;
|
|
padding-left:4px;
|
|
font-family:Comic Sans MS, Comic Sans, cursive;
|
|
font-size:17px;
|
|
}
|
|
|
|
.Kontaktformular .FormElement .button {
|
|
width:200px;
|
|
height:50px;
|
|
margin:5px 5px;
|
|
border:0px solid;
|
|
background-color:rgba(170,170,170,1.00);
|
|
color: #FFF;
|
|
font-size: 24px;
|
|
}
|
|
.Kontaktformular .FormElement .button:hover {
|
|
background-color:rgba(0,199,3,1.00);
|
|
color:#FFF
|
|
}
|
|
|
|
.Kontaktformular .Datenschutz {
|
|
font-size:17px;
|
|
font-family:Comic Sans MS, Comic Sans, cursive;
|
|
}
|
|
|
|
|
|
@media only screen and (max-device-width: 480px)
|
|
{
|
|
.Kontaktformular {
|
|
width:100%;
|
|
margin-top:10px;
|
|
text-align:center;
|
|
}
|
|
.Kontaktformular h1 {
|
|
font-weight:bold;
|
|
font-size: 40px;
|
|
}
|
|
|
|
.Kontaktformular .FormElement {
|
|
width:80%;
|
|
|
|
height:80px;
|
|
}
|
|
.Kontaktformular .FormElement .TField {
|
|
height:100%;
|
|
width:100%;
|
|
border:1px solid #E0DFDF;
|
|
font-family:arial;
|
|
font-size:30px;
|
|
}
|
|
.Kontaktformular .TextElement {
|
|
width:80%;
|
|
height:250px;
|
|
margin-top:20px;
|
|
|
|
}
|
|
.Kontaktformular .TextElement textarea {
|
|
width: 100%;
|
|
height: 100%;
|
|
border:1px solid #E0DFDF;
|
|
font-size:30px;
|
|
font-family:arial;
|
|
}
|
|
|
|
.Kontaktformular .FormElement .CField {
|
|
height:100% ;
|
|
width:100%;
|
|
border:1px solid #E0DFDF;
|
|
font-size:30px;
|
|
font-family:arial;
|
|
margin-top:5px;
|
|
}
|
|
|
|
.Kontaktformular .FormElement .button {
|
|
width:100%;
|
|
height:50px;
|
|
margin:5px 5px;
|
|
border:0px solid;
|
|
background-color:rgba(170,170,170,1.00);
|
|
color: #FFF;
|
|
font-size: 24px;
|
|
}
|
|
.Kontaktformular .FormElement .button:hover {
|
|
background-color:rgba(0,199,3,1.00);
|
|
color:#FFF
|
|
}
|
|
.captchacode{
|
|
margin-top:5px;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.Kontaktformular .Datenschutz {
|
|
margin-top:25px;
|
|
font-size:20px;
|
|
font-family:Arial;
|
|
}
|
|
|
|
.Kontaktformular .Datenschutz input[type=checkbox]{
|
|
zoom: 1.5;
|
|
}
|
|
} |