diff --git a/css/style.css b/css/style.css
index b0cb41e..faf6fb2 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1876,11 +1876,20 @@ form label {
opacity: 0;
}
-.undertwelve > input {
+.undertwelve {
text-align: center;
- padding: 0px;
- height: 40px;
- width: 40px;
+}
+
+.undertwelve > label {
+ display: block;
+ margin-bottom: 0%;
+}
+
+.undertwelve > input {
+ height: 100%;
+ width: 30px;
+ height: 30px;
+ margin: 0px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
diff --git a/index.html b/index.html
index 9c76df0..975e505 100644
--- a/index.html
+++ b/index.html
@@ -145,26 +145,6 @@
-
-
-
-
-
-
-
-
-
-
diff --git a/js/main.js b/js/main.js
index 4437229..4fdb10b 100644
--- a/js/main.js
+++ b/js/main.js
@@ -207,8 +207,8 @@
outerDiv.style="padding-top: 20px;";
var firstNameDiv = document.createElement("div");
- firstNameDiv.classList.add('col-md-6');
- firstNameDiv.classList.add('col-sm-6');
+ firstNameDiv.classList.add('col-md-5');
+ firstNameDiv.classList.add('col-sm-5');
var formGroupDiv = document.createElement("div");
formGroupDiv.classList.add('form-group');
firstNameDiv.appendChild(formGroupDiv);
@@ -236,8 +236,8 @@
var lastNameDiv = document.createElement("div");
- lastNameDiv.classList.add('col-md-6');
- lastNameDiv.classList.add('col-sm-6');
+ lastNameDiv.classList.add('col-md-5');
+ lastNameDiv.classList.add('col-sm-5');
var lastnameFormGroupDiv = document.createElement("div");
lastnameFormGroupDiv.classList.add('form-group');
lastNameDiv.appendChild(lastnameFormGroupDiv);
@@ -263,6 +263,28 @@
outerDiv.appendChild(lastNameDiv);
+ let underTwelveDiv = document.createElement("div");
+ underTwelveDiv.classList.add('col-md-2');
+ underTwelveDiv.classList.add('col-sm-2');
+
+ let underTwelveInnerDiv = document.createElement("div");
+ underTwelveInnerDiv.classList.add('undertwelve');
+
+ let underTwelveLabel = document.createElement("label");
+ underTwelveLabel.setAttribute("for","undertwelve");
+ underTwelveLabel.innerHTML = "Unter 12 Jahre?";
+
+ underTwelveInnerDiv.appendChild(underTwelveLabel);
+
+ let underTwelveInput = document.createElement("input");
+ underTwelveInput.classList.add('js-undertwelve');
+ underTwelveInput.setAttribute("type","checkbox");
+ underTwelveInput.setAttribute("name","undertwelve");
+
+ underTwelveInnerDiv.appendChild(underTwelveInput);
+ underTwelveDiv.appendChild(underTwelveInnerDiv);
+ outerDiv.appendChild(underTwelveDiv);
+
container.appendChild(outerDiv);
return false;