label {
	font-size: 20px;
	line-height: 1.4;
}

label.form-required::after {
	content: '*';
}

input, textarea {
	border-radius: 2px;
	padding-left: 10px;
	border: none;
	height: 50px;
	width: 100%;
	resize: vertical;
	color: #262626;
}

textarea {
	height: 225px;
}

input[type="checkbox"] {
	width: 37px;
	height: 37px;
}

input[type="submit"] {
	border-radius: 4px;
	width: unset;
	background-color: #FFCE00;
	color: #262626;
	font-size: 14px;
	padding: 5px 15px;
	font-weight: 600;
	height: auto;
}
@media(min-width: 992px) {
	input[type="submit"] {
	padding: 10px 20px;
		font-size: 18px;
	}
}
input[type="submit"]:hover {
	background-color: #75B729;
	color: white;
}

.webform-flexbox {
	margin-bottom: 36px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

@media (min-width: 768px) {
	.webform-flexbox {
		gap: 0;
	}
}

.webform-flex {
	width: 100%;
}

#edit-markup p {
	margin-top: 28px;
	margin-bottom: 28px;
}

.form-item-nutzungsbedingungen {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 37px auto;
	gap: 18px;
	margin-bottom: 48px;
}

.form-item-nutzungsbedingungen label {
	position: absolute;
  visibility: hidden;
}

.form-item-nutzungsbedingungen a {
	color: white;
	text-decoration: underline;
}

.webform-submission-form div[role=alert]{
	background: #fff;
  color: red;
  padding: 20px 0 0px 0;
  border: 1px solid red;
  border-radius: 2px;
  margin-bottom: 30px;
}

.webform-submission-veranstaltung-form .form-item-nutzungsbedingungen a {
	color: #005F3A;
	text-decoration: underline;
}

.webform-submission-veranstaltung-form,
.user-form,
.user-login-form{
	color:#585858;
}

.webform-submission-veranstaltung-form label,
.user-form label,
.user-login-form label {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.webform-submission-veranstaltung-form .form-item,
.user-form .form-item,
.user-login-form .form-item{
	margin-bottom: 36px;
}

.webform-submission-veranstaltung-form input,
.user-form input,
.user-login-form input{
	border:1px solid #D0D0D0;
	font-size: 18px;
	color: #262626;
}

.user-form .description,
.user-login-form .description{
	padding-top: 10px;
	font-size: 14px;

}

.webform-submission-veranstaltung-form input:focus,
.webform-submission-veranstaltung-form input:focus-visible,
.user-form input:focus,
.user-form input:focus-visible,
.user-login-form input:focus,
.user-login-form input:focus-visible{
	outline: 1px solid #67A124;
}

.fieldset-legend{
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.js-form-type-radio,
.user-form .js-form-type-radio,
.user-login-form .js-form-type-radio{
	margin-bottom: 24px;
}

.js-form-type-radio label{
	cursor:pointer;
}

.js-form-type-radio input{
	display: inline-block;

  	vertical-align: text-bottom;
  	margin-right: 20px;

  	-webkit-appearance: none;
  	appearance: none;
  	font: inherit;
  	color: #005C39;
  	width: 28px;
  	height: 28px;
  	border: 1px solid #D0D0D0;
  	border-radius: 50%;
  	cursor:pointer;
}

.js-form-type-radio input::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #005C39;
  position: relative;
  display: block;
  top: 7px;
  left: -3px;
}

.js-form-type-radio input:checked::before {
  transform: scale(1);
}

.form-select{
	width:auto;
	appearance: none;
	border-radius: 2px;
	padding-left: 10px;
	border:1px solid #D0D0D0;
	font-size: 18px;
	height: 40px;
	resize: vertical;
	color: #262626;
}

