.th3_kontaktform{
width: 100%;
min-width: 200px;
max-width: 800px;  
margin: 0 auto;
}
.form-field{
position: relative;
margin: 0 0 15px 0;
width: 100%;
height: auto;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}
.form-field.form-s{
width: calc(30% - 10px );
float: left;
}
.form-field.form-m{
width: 70%;
margin-left: 10px;
float: left;
}
.form-field.form-50{
width: calc(50% - 5px);
margin-right: 10px;
float: left;  
}
.form-field.form-50-2{
width: calc(50% - 5px);
float: left;
}
.form-field input, .form-field textarea, .form-field select{
border: 1px solid #111; background-color: #202020;
color: #fff;
height: 50px;
width: 100%;
padding:10px 10px 6px 10px;
display: block;
position: relative; 
font-size: 1.2em;
z-index: 2;
}
.form-field select {
-webkit-appearance: none; -moz-appearance: none; appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
background-origin: content-box;
background-position: right 2px center;
background-repeat: no-repeat;
background-size: 9px 6px;
}
.form-field textarea{
min-height: 150px;
font-family: sans-serif;
}
.form-field input:focus, .form-field textarea:focus, .form-field select:focus{
border: 1px solid rgba(0,0,0,1);
}
.form-field label{
font-size: 0.6em;
color: rgba(0,0,0,0.6);
position: absolute;
top:4px;
left:10px;
width: auto;
-moz-opacity:1;
opacity: 1;
transition: .3s;
z-index: 1;
}
::placeholder{
color: #fefefe;
opacity: 0.5;
font-family: sans-serif;
}
::-ms-input-placeholder{
color: #fefefe;
font-family: sans-serif;
}
.form-field :placeholder-shown + label{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity: 0;
font-size: .01em;
color: #000fff;
z-index: 3;
} .th3_kontaktform .form_field_dsgvo .cbx_container{
height: 100%;
float: left;
left:0;
top:0;
}
.th3_kontaktform .dsgvo_txt{
font-size: 0.8em;
padding:0px 0 20px 0;
margin: 20px 0;
}
.th3_kontaktform .form_field_dsgvo .checkmark {
display: block;
position: relative;
float: left;
top: 0;
left: 0;
height: 20px;
width: 20px;
margin-bottom: 84px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.2);
}
.th3_kontaktform .form_field_dsgvo .cbx_container input:checked ~ .checkmark {
background-color: #eeeeee;
} .th3_kontaktform .form_field_dsgvo .cbx_container .checkmark::after {
left: 6px;
top: 5px;
width: 5px;
height: 10px;
border: solid #000;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
display: none;
}
.th3_kontaktform .form_field_dsgvo .cbx_container input:checked ~ .checkmark::after { display: block; }
.th3_kontaktform .form_field_dsgvo .cbx_container input[type="checkbox"] {display: none; }
.th3_kontaktform .form_field_dsgvo .cbx-label{
position: relative; width: 85%;
left:35px;
}