

formular{
	margin:0 auto;
	margin-top:2em;
	margin-bottom:2em;
	/*grid-column-start: 2;
 	grid-column-end: 3;
 	grid-row-start: 4;
  	grid-row-end: 5;*/
	text-align:center;
	
}

form.sendform{
	margin: 0 auto;
	padding-top:3em;
}

form#sendform{
display:none;
}

form.sendform fieldset{
	margin:0 auto;
	width:auto;
	margin-bottom:0.9em;
	text-align:left;
	border: none;
	font-size:110%;
	max-width:450px;
	border:0.3em solid var(--color-accent-medium);
	padding:1em;
	background-color: var(--color-accent-light-light);
}
.sendform fieldset span.re{
	display:none;
}

.sendform fieldset p{
color: var(--color-black);
margin-right:1em;
margin-bottom:0.7em;
}

.sendform legend{
	/*font-size:120%;*/
	font-weight:normal;
	/*text-transform:uppercase;*/
	margin:0;
	color: var(--color-accent-dark);
	margin-bottom:1em;
}

.sendform label{
	color: var(--color-accent-dark);
	padding:0.4em;
	padding-left:0;
	display:block;
}

.sendform #coin{
font-size:80%;
color: var(--color-black);
}

.sendform #coin a{
color: var(--color-accent-dark);
font-weight:bold;
text-decoration:none;
}

.sendform #coin a:hover{
text-decoration:underline;
}

.sendform input.feld,select{
	margin: 0 auto;
	margin-bottom:1em;
	border: none;
	padding: 0.5em;
	background-color: var(--color-accent-medium);
	color: var(--color-black);
	width:95%;
	margin-right:0;
	right:0;
	/*font-size:95%;*/
}

.sendform textarea{
	margin:0 auto;
	height:13em;
	border: none;
	padding:0.5em;
	background-color: var(--color-accent-medium);
	color:  var(--color-black);
	resize: none;
	outline: none;
	overflow: auto;
	width:95%;
	margin-right:0;
	right:0;
	/*font-size:100%;*/
}

.sendform input.button{
	margin: 0 auto;
	width: auto;
	/*background-color:#bba57d;*/
	display:block;
	padding:1.2em;
	text-transform: uppercase;
	margin:1em;
	border:0.3em solid var(--color-white);
	color: var(--color-accent);
	text-decoration:none;
	/*font-family:'Open Sans Reg', sans-serif;*/
}
.sendform input.button:hover {
	background-color: var(--color-accent);
	color: var(--color-white);
	cursor: pointer;
	
}


/************/



.anmelde-form {
  margin: 0 auto;
  background: var(--color-accent-light-light);
  padding: 2rem;
 /* border-radius: 8px;*/
  /*box-shadow: 0 4px 15px color-mix(in srgb, var(--color-black) 10%, transparent);*/
}

.pico .anmelde-form {
padding:0.2rem;
}

.anmelde-form fieldset{
border:none;
max-width: 600px;
	margin:0 auto;
	width:auto;
	margin-bottom:0.9em;
	text-align:left;
	border:0.3em solid var(--color-accent-medium);
	padding:1em;
}
.pico .anmelde-form fieldset{
padding:0.5em;
}


.anmelde-form fieldset legend{
padding:1rem;
font-size:120%;
}

fieldset p.nomeldung{
padding:0.8em;
font-weight:bold;
background:var(--color-error);
color:var(--color-white);
}

.form-group {
  margin-bottom: 1.5rem;
  text-align: left;
}

.form-group label {
  display: none; 
}
.form-group p.groupname {
  font-weight:bold;
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--color-accent-light-medium);
  border-radius: 4px;
  font-family: inherit;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus {
  outline: none;
  border-color: var(--color-accent-light-medium);
}

.form-group textarea {
  resize: vertical;
  min-height: 120px;
}

#form-check{
background:var(--color-white);
padding:0.5rem;
}

/*.honeypot {
  position: absolute;
  left: -9999px;
}*/


.form-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.form-check input[type="checkbox"] {
  width: auto;
  margin: 0;
}

.form-check-label {
  font-weight: 400;
  cursor: pointer;
}
label.form-check-label{
 display: flow;
}
.form-check-label a {
  color: var(--color-accent);
  text-decoration: underline;
}




#abw-rg-empf{
background:var(--color-accent-light-light);
margin-bottom:1em;
padding:0.3em;

}


.form-error {
  display: block;
  color: var(--color-error);
  font-size: 1.2rem;
  font-weight:bold;
  margin-top: 0.25rem;
  min-height: 1rem;
  margin-bottom:1rem;
}

.form-error:empty {
  display: none;
}

.form-error-general {
  color: var(--color-error);
  background: var(--color-white);
  padding: 0.75rem;
  border-radius: 4px;
  margin-top: 1rem;
  text-align: center;
}


.form-success {
  color: var(--color-accent);
  background: var(--color-white);
  padding: 0.75rem;
  border-radius: 4px;
  margin-top: 1rem;
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
 /* border-radius: 1rem;*/
  font-weight: 400; /*700*/
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn--primary {
  background-color: var(--color-accent-dark);
  color: var(--color-white);
  border: 2px solid var(--color-accent);
}

.btn--primary:hover, .btn--primary:focus {
  background-color: var(--color-accent-light);
  border-color: var(--color-accent-dark);
  color: var(--color-black);
}

#submit-btn {
margin:1rem 0;
  position: relative;
  font-size:120%;
}

#submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
