/*   Register Formular  (wird im header aufgerufen) */

.registryform {
    padding: 48px;
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
	background-color: rgba(0, 0, 0, .75);
}

#signupform_2 {
	background-color: rgba(0, 0, 0, 0);
}

.registryform section {
    position: relative;
    margin-bottom: 24px;
}

.registryform label {
	display: inline-block;
    margin-right: -4px;
    padding: 12px;
    width: 94px;
    color: rgba(226, 0, 25, 1);
	background-color: rgba(0, 0, 0, 1);
	border: 1px solid #fff;
}

.registryform input {
	display: inline-block;
    padding: 12px;
    width: calc(100% - 120px);
	background-color: rgba(255, 255, 255, .9);
	border: 1px solid #fff;
}

.registryform input[type="checkbox"] {
	display: inline-block;
    margin-bottom: 0;
    padding: 0;
	width: 24px;
	height: 24px;
	background-color: rgba(255, 255, 255, .25);
	border: 1px solid #fff;
	cursor: pointer;
}

.registryform input[type="checkbox"]:checked {
	background-image: url("../img/hook.svg");
	background-size: 75%;
	background-position: 50%;
	background-color: rgba(255, 255, 255, .5);
}

.agbtxt, .agbtxt_2 {
	margin-left: 6px;
	vertical-align: super;
	color: #fff;
	font-family: oxygen, Arial, Helvetica, sans-serif;
}

button {
	width: 100%;
	height: 50px;
	color: #fff;
	background-color: rgba(226, 0, 25, 1);
	font-size: 1em;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	border-radius: 5px;
	border: none !important;
}

button:hover {
	background-color: rgba(226, 0, 25, .9);
	cursor: pointer;
}

.error {
    position: absolute;
    bottom: -1.5em;
    right: 0;
	color: #FFFF00;
	font-size: 0.7em;
	text-align: right;
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
}