/* External CSS */

body {
	border: 2px solid #fff;
	background-color: #f8e4bf;
	color: 14px;
	font-family: "Lato", arial, sans-serif;
}
label, td, div, span {
	font-size: 14px;
}
form .area {
	padding-left: 2px;
	padding-right: 2px;
}

form#anfrage div:first-of-type {
	margin-left: 0 !important;
}

#sbirthday #sbirthday_month,
#sbirthday #sbirthday_day {
	width: 65px !important;
}

#sbirthday #sbirthday_year {
	margin-right: 0;
}

input[type="text"], input[type="search"], input[type="password"], textarea, select {
	border-radius: 0;
	font-size: 15px;
	border: 2px solid #fff;
	box-shadow: none;
	line-height: 20px;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	box-shadow: none;
	border: 2px solid #026aac;
}



  .checkbox input[type="checkbox"] {
	display: none;
	visibility: hidden;
  }
  .checkbox label {
	position: relative;
	padding-left: 2em;
	padding-right: 1em;
	line-height: 2;
	cursor: pointer;
	display: inline-flex;
  }
  .checkbox label:before {
	box-sizing: border-box;
	content: " ";
	position: absolute;
	top: 0.3em;
	left: 0;
	display: block;
	width: 1.4em;
	height: 1.4em;
	border: 2px solid #9098A9;
	background: #fff;
	border-radius: 6px;
	z-index: -1;
  }

  .checkbox input[type=checkbox]:checked + label {
	padding-left: 1em;
	color: #0f5229;
  }
  .checkbox input[type=checkbox]:checked + label:before {
	top: 0;
	width: 100%;
	height: 100%;
	background: #b7e6c9;
	border-color: #2cbc63;
  }

  .forms label,
  .forms label::before,
  .checkbox label,
  .checkbox label::before {
	transition: 0.25s all ease;
  }

.gruppe .forms {
	display: flex;
	gap: 10px;
}

form .area .bezeichnung {
	font-weight: bold;
	background-color: transparent;
	font-size: 17px;
	border-radius: 0;
	box-shadow: none;
	border: none;
	border-bottom: 5px solid #f5ac26;
	padding-left: 0;
}

#senden {
	color: #fff;
	padding: 10px;
	background-color: #d4021d;
	width: 100%;
	margin-top: 10px;
	font-size: 25px;
	border: none;	
}