/* ############## dpcf ############## */
.dpcf  {width:100%;}
.dpcf li {list-style:none;}
.dpcf label {display:none;}
.dpcf input, .dpcf textarea, .dpcf select {width:100%; padding:16px 10px; font-family:'Open Sans', Helvetica, Tahoma, sans-serif; font-size:1.0rem; font-weight:500; color:#a3a3a3; background:rgba(223, 225, 226, 1); border:1px solid #fff; border-radius:2px;}
.dpcf-text {position:relative; display:inline-block; width:50%; float:left; padding:8px;}
.dpcf-textarea {position:relative; display:block; width:100%; clear:both; padding:8px;}
.dpcf input:focus, .dpcf textarea:focus, .dpcf select:focus {color:#696969; background:rgba(223, 225, 226, 0.7); outline:none;}
.dpcf #submit {display:inline-block; position:relative; left:50%; transform:translateX(-50%); clear:both; background:transparent; font-size:1.1em; color:#696969; margin:0; padding:18px; text-transform:uppercase; cursor:pointer; border:1px solid #696969; -webkit-appearance:none;}
.dpcf #submit:hover {color:#fff; background:; border-color:#fff;}
.dpcf #success, .dpcf #failed {min-height:994px;}
.dpcf #success p, .dpcf #failed p {text-align:center; font-size:1..3em; margin:0;}
.dpcf #success i, .dpcf #failed i {font-size:12vmin;}
.dpcf #success i {color:#a6d139;}
.dpcf #failed i {color:#f90808;}
.dpcf #question {position:relative; display:inline-block; width:100%; margin:20px 0;}
.dpcf #question label {display:inline-block; max-width:70%;}
.dpcf #question input {display:inline-block; width:50px; height:50px; text-align:center;}

/* ########## Table-Style ########## */
.table {display:table; width:100%; border-collapse:collapse;}
.table-row {display:table-row;}
.table-cell {display:table-cell;}

/* Datenschutzerklärung */
input[type="submit" i]:disabled {color:graytext; opacity:0.3;}
.dpcf #accept {position:relative; margin:20px 0; background-color:#f9f9f9;} 
.dpcf #accept .parsley-errors-list {position:relative; top:0; margin:0; display:table-cell; vertical-align:middle; background:red;}
.dpcf #accept input {width:20px; height:20px;}
.dpcf #accepttext {line-height:1.5; padding:10px;}
.dpcf #acceptbox {padding-left:10px;}
.dpcf #accept a {padding-bottom:1px; border-bottom:1px dotted #696969;}

/* Parsley */
input.parsley-success, select.parsley-success, textarea.parsley-success {color:#468847; background-color:#dff0d8; border:1px solid #d6e9c6;}
.parsley-error {color:#b94a48; background-color:#f2dede !important; border:1px solid #eed3d7; transition:background-color 500ms linear;}
.parsley-errors-list {position:absolute; top:-5px; margin:2px 0 3px; padding:0; list-style-type:none; font-size:0.9em; line-height:0.9em; opacity:0; transition:all .3s ease-in; -o-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in;}
.parsley-errors-list.filled {opacity:1;}
.parsley-required, .parsley-multipleOf {display:inline-block; padding:5px; color:#fff; background:red;}

/* Danke-Template */
#vh-align {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%;}
#thanks {position:relative; background-color:#fff;}
#thanks.opened {position:absolute; z-index:1000; top:0; right:0; bottom:0; left:0; width:100%; height:100vh;}
#thanks h1 {font-size:4vmin; text-align:center;}
#thanks p {text-align:center;}
#close {position:absolute; top:10%; right:10%; font-size:2em; font-weight:bold; color:#fff; text-align:center; width:50px; height:50px; line-height:50px; background-color:#a6d139; border-radius:50%;}

/* iOS Style-Reset */
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {-webkit-appearance:none; border-radius:0;}

 /* Firefox-Hack:Korrigiert Padding-Fehler in Select-Feldern */
@-moz-document url-prefix() {.dpcf select {padding:15px 10px;}}

/* Resettet Standard-Styles f. select */
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; border-radius:0; width:100%;} 

/* Eigene Styles */
select {background-image:url(images/select-icon.svg); background-position:center right 10px; background-size:20px; background-repeat:no-repeat;}
select:hover {box-shadow:none;}

/* Placeholder */
::-webkit-input-placeholder {color:#a3a3a3;} :-moz-placeholder {color:#a3a3a3;} ::-moz-placeholder {color:#a3a3a3;} :-ms-input-placeholder {color:#a3a3a3;}


/* ########################################################################### */
/*  ------------------------------------------------------------- His  Responsiveness ------------------------------------------------------------- */
/* ########################################################################### */


@media screen and (max-width:600px) {
	.dpcf-text {width:100%;}
	.dpcf #success i {font-size:30vmin;}
}/* Ende @media screen */