.ce_form { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #e4e4e4; }
.ce_form .widget { margin-bottom:5px; }
.ce_form input { width:100%; height:30px; padding:3px 5px 3px 8px; border:1px solid #706f6f; border-radius:2px; }
.ce_form select {
    width:100%; height:30px; position:relative; padding:3px 5px;
    background:#fff url("../grafik/pfeil_select_blau.svg") right center no-repeat; border:1px solid #706f6f; border-radius:2px;
    -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.ce_form textarea { width:100%; height:100px; padding:3px 5px 3px 8px; border:1px solid #706f6f; border-radius:2px; }
.ce_form button { width:100%; height:30px; background-color:#0c598c; border:1px solid #0c598c; border-radius:3px; color:#fff; }
.ce_form .widget-checkbox.datenschutz { float:left; padding-top:10px; padding-bottom:10px; }
.ce_form .widget-checkbox.datenschutz span { width:50px; float:left; display:block; }
.ce_form .widget-checkbox.datenschutz input { 
	width:20px; height:20px; display:inline-block; margin-right:20px; border:1px solid #706f6f; visibility: visible; }
.ce_form .widget-checkbox.datenschutz input:checked::before {
    width:18px; height:18px; left:3px; top:-1px; position:absolute; display:block; content:"✖" }
.ce_form .widget-checkbox.datenschutz label { display:none; }
.ce_form .widget-checkbox.datenschutz p { max-width:80%; display:inline; }
.mod_article.kontakt .inside .ce_form .spalte-links { padding-right:10px; padding-left:0; }
.mod_article.kontakt .inside .ce_form .spalte-rechts { padding-right:0; padding-left:10px; }
.ce_form .spalte-rechts textarea { height:240px; }
.spalte-rechts .widget-submit,
.spalte-links .widget-submit { width:50%; margin-left:50%; padding-left:10px; }
#umfrage { max-width:800px; position:relative; margin-right:auto; margin-left:auto; }
#umfrage .widget-text { padding-bottom:1rem; }
fieldset { position:relative; }
#umfrage fieldset.dienstleistung,
#umfrage fieldset.markenzeichen,
#umfrage fieldset.zertifikat { margin-top:1.5rem; }
#umfrage .widget-checkbox .checkbox_container span,
#umfrage .widget-radio .radio_container span { width:33.333333%; position:relative; float:left; display:block; }
#umfrage .widget-radio .radio_container span { width:16.666667%; }
#umfrage .widget-checkbox .checkbox_container span label,
#umfrage .widget-radio .radio_container span label { line-height:30px; }
#umfrage fieldset legend { margin-top:.5rem; font-size:1rem; line-height:1.5rem; font-weight:bold; }
#umfrage .entscheidung .widget-text.bemerkung { width:66.666667%; bottom:0; left:33.333333%; position:absolute; padding-bottom:0; }
#umfrage .widget-checkbox.informationen .checkbox_container span:last-child { width:100%; }
#umfrage .widget-text.bemerkung label { width:16.666667%; display:inline-block; }
#umfrage .widget-text.bemerkung input { width:100%; }
#umfrage .widget-textarea label { display:block; margin-top:1rem; font-size:1rem; font-weight:bold; }
#umfrage .widget-checkbox.datenschutz .checkbox_container span { width:10%; }
.ce_form #umfrage button { width:200px; height:30px; display:block; margin-right:auto; margin-left:auto; }
#umfrage fieldset.markenzeichen,
#umfrage fieldset.zertifikat { position:relative; margin-bottom:2rem; }
#umfrage fieldset.markenzeichen .explanation,
#umfrage fieldset.zertifikat .explanation { right:0; top:-20px; position:absolute; }
#umfrage fieldset.zertifikat .explanation { top:0; }
#umfrage .widget-textarea { margin-bottom:2rem; }
input[type='checkbox'],
input[type='radio'] { width:auto; float:left; margin-right:.75rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background:transparent; border:none; }
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) { position:relative; margin:0; padding:0; background: transparent; visibility: hidden; }
input[type='checkbox'] + label,
input[type='radio'] + label { cursor: pointer; }
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    width:17px; height:17px; top:4px; position:relative; display:inline-block; margin-right:1rem; background-color:#fff; border:1px solid #bbb;
    content:' '; box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1); }
input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before { border-radius:30px; }
input[type='checkbox']:hover + label::before,
input[type='radio']:hover + label::before { background-color:#ddd; box-shadow: inset 0 0 0 2px white; }
input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before { background-color:#706f6f; box-shadow: inset 0 0 0 2px white; }

@media screen and (max-width: 832px) {
	.mod_article.kontakt .inside .ce_form .spalte-links,
	.mod_article.kontakt .inside .ce_form .spalte-rechts { width:50%; }
	#umfrage .widget-checkbox .checkbox_container span { width:50%; }
	#umfrage .entscheidung .widget-text.bemerkung { width:50%; left:50%; }
	#umfrage .widget-radio .radio_container span { width:33.333333%; }
	#umfrage .markenzeichen .widget-radio .radio_container span,
	#umfrage .zertifikat .widget-radio .radio_container span { width:20%; }
	#umfrage fieldset.markenzeichen .explanation { top:0; }
	#umfrage fieldset.markenzeichen .explanation img { width:auto; max-height:120px; }
	#umfrage fieldset.zertifikat .explanation img { max-width:150px; }
}

@media screen and (max-width:649px) {
	.mod_article.kontakt .inside .spalte-links,
	.mod_article.kontakt .inside .spalte-rechts { width:100%; float:none; padding-right:1rem; padding-left:1rem; }
	.mod_article.kontakt .inside .ce_form .spalte-links,
	.mod_article.kontakt .inside .ce_form .spalte-rechts { width:50%; float:left; }
	#umfrage fieldset.markenzeichen legend,
	#umfrage fieldset.zertifikat legend,
	#umfrage .markenzeichen .widget-radio .radio_container span,
	#umfrage .zertifikat .widget-radio .radio_container span { width:80%; max-width:80%; }
}

@media screen and (max-width: 550px) {
	.mod_article.kontakt .inside .ce_form .spalte-links,
	.mod_article.kontakt .inside .ce_form .spalte-rechts { width:100%; float:none; padding-right:0; padding-left:0; }
	.mod_article.kontakt .inside .spalte-links,
	.mod_article.kontakt .inside .spalte-rechts { padding-right:0; padding-left:0; }
	#umfrage .widget-checkbox .checkbox_container span { width:100%; }
	#umfrage .entscheidung .widget-text.bemerkung { width:100%; left:auto; top:auto; position:relative; }
	#umfrage .widget-radio .radio_container span { width:50%; }
	#umfrage fieldset.markenzeichen legend,
	#umfrage fieldset.zertifikat legend { max-width:75%; }
}

@media screen and (max-width: 430px) {
	#umfrage fieldset.markenzeichen .explanation img { max-height:100px; }
}