/*	© 2023-2032 Web-Publishing Ronge, Thomas Ronge, Alle Rechte vorbehalten */

#contact-form-dsameldung label {
	display: block;
	margin-bottom: 10px;
}
#contact-form-dsameldung label:not(.checkbox) {
	font-weight: bold;
}

#contact-form-dsameldung input[type="text"],
#contact-form-dsameldung input[type="email"],
#contact-form-dsameldung textarea {
	width: 90%;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

#contact-form-dsameldung textarea {
	height: 150px;
}

#contact-form-dsameldung span {
	color: red;
	font-size: 14px;
}
#preview-data span {
	color: red;
}

#contact-form-dsameldung button[type="submit"] {
	background-color: #428bca;
	color: #fff;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	background-color: red;
}
.kann-nicht-versenden {
	color: #5bb75b !important;
	font-weight: bold;
}

#contact-form-dsameldung button[type="submit"]:hover {
	background-color: #3071a9;
}

/* Honeypot Spamschutz */
#contact-form-dsameldung div.form-group.address,
#contact-form-dsameldung div.form-group.website {
	display: none;
}

#contact-form-dsameldung .form-group.alternative {
	margin: 20px 0 20px 0;
}

#preview-data-dsameldung .preview-html {
	position: relative;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding-top: 40px;
}
#preview-data-dsameldung .value {
	font-size: 14px;
	padding: 0;
	border: none;
	border-radius: unset;
	background: unset;
}
#preview-data-dsameldung .preview-html .close {
	font-size: 14px;
	padding: 0px 5px;
	position: absolute;
	top: 5px;
	left: 10px;
	opacity: 1;
	font-weight: normal;
}
#preview-data-countdown:not(.sichtbar) {
	color: transparent;
}
#preview-data-countdown.sichtbar {
	color: blue;
}

span.error {
	color: red;
	font-weight: bold;
}
#form div {
	color: red;
	font-weight: bold;
	border: 2px red dashed;
	margin: 0 0 20px 0;
	padding: 1px 5px;
	display: inline-block;
}
#form span.info {
	color: #1578aa;
	font-weight: bold;
	margin: 0 0 0px 0;
	display: inline-block;
}
#form span.gray {
	color: #5a5a5a;
}

input[type="submit"].btn-success {
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
}
input[type="submit"].btn-success:hover {
  color: #fff;
  background-color: #51a351;
  *background-color: #499249;
}

.wrapper-break-inline-block {
	height: 1px;
	font-weight: 1px;
	clear: both;
}

.checkbox input {
  margin: 0;
}