/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid var(--gray);
	border-radius: var(--border-radius);
	background: var(--dark);
	color: var(--light);
	line-height: 1;
	padding: 0.6em 1em;
	text-transform: uppercase;
  font-weight: 700;
	margin: 2em 0 2em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: var(--light);
	cursor: pointer;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: var(--light);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: var(--light);
	border: 1px solid var(--light);
	border-radius: var(--border-radius);
	display: block;
	background: transparent;
	padding: 0.6em 1em;
	margin: .6em 0;
	display: block;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	outline: none;
	border-color: var(--light);
}

select {
	border: 1px solid var(--light);
}

textarea {
	width: 100%;
	background: var(--bg);
	border: 2px solid var(--gray);
  resize: vertical;
	height: 120px;
}

textarea:focus,
textarea:hover{
	border-color: var(--light);
}

label {
	display: block;
	font-weight: 700;
	padding-top: 1em;
}

label > small {
	font-weight: 400;
}


fieldset {
	margin-bottom: 2em;
	padding: var(--medium-padding) var(--small-padding);
}

legend{
	font-size: var(--h2);
	font-weight: var(--hdl-weight);
	padding: 8px;
}

.wpcf7-form-control-wrap{
	/*opacity: .7;*/
	margin-top: .2em;
	display: inline-block;
}

.wpcf7 input[type="file"] {
  cursor: pointer;
  font-size: 16px;
}

details > summary {
	cursor: pointer;
	list-style-position: outside;
}

summary {
  display: flex;
}

summary::after {
  content: '';
  width: 24px;
  /*height: 10px;*/
  background: url('https://schlossaneignung.de/wp-content/uploads/chevron_right_24dp_FILL0_wght600_GRAD0_opsz24.svg');
  background-size: cover;
  margin-left: .4em;
  transition: var(--transition);
  transform: rotate(90deg);
}

details[open] > summary::after {
  transform: rotate(270deg);
}

input::file-selector-button {
  font-weight: 500;
  color: #fff;
  padding: 0.5em;
  border: thin solid grey;
  border-radius: 3px;
	background: transparent;
}

form td, .swpm-registration-widget-form td {
	display: block;
	width: 100%;
}

input[type="checkbox"] {
 -moz-appearance: None;
 -webkit-appearance: none;
 width: 1.2em;
 height: 1.2em;
 border: none;
 outline: none;
 transition: .2s;
 cursor: pointer;
 content: url(https://schlossaneignung.de/wp-content/uploads/square.svg);
	filter: invert(100%);
	margin: .2em .4em -.2em 0
}	

input[type="checkbox"]:checked {
 content: url(https://schlossaneignung.de/wp-content/uploads/check-square.svg);
}

.swpm-password-toggle-checkbox-label,
.swpm-remember-me label{
	display: inline;
}