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

.hidden {
	display: none;
}

.registryform label, .registryform input, .registryform button, .agbtext, .agbtxt, .agbtxt_2, .agbtxt_3, .agbtxt_4, .error {
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

.registryform {
    position: relative;
    padding: 0;
	margin: 0 auto;
	text-align: center;
	background-color: rgba(0, 0, 0, 0);
}

.registryform section {
    position: relative;
	margin: 12px 0;
	text-align: left;
}

.registryform label {
    display: inline-block;
    margin-bottom: 12px;
	padding: 12px 12px 12px 0;
    width: 72px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25);
}

.registryform input[type="text"], .registryform input[type="email"] {
    display: inline-block;
    margin-bottom: 12px;
    padding: 12px;
    width: calc(100% - 116px);
    border: 1px solid #324977;
    border-radius: 5px;
}

.registryform input[type="checkbox"] {
	display: inline-block;
    margin-bottom: 0;
    padding: 0;
	width: 24px;
	height: 24px;
	background-color: rgba(255, 255, 255, .75);
	border: 1px solid rgba(0, 0, 0, .5);
	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, 1);
}

.agbtxt, .agbtxt_2, .agbtxt_3, .agbtxt_4 {
	margin-left: 6px;
	vertical-align: super;
	color: #000;
}

.agbtxt a, .agbtxt_2 a, .agbtxt_3 a, .agbtxt_4 a {
	color: #999;
    text-decoration: underline;
}

.registryform button {
	margin: 12px 0;
    width: 100%;
    height: 48px;
    color: #fff;
    background-color: #3B5998;
    border-radius: 5px;
    transition: 0.25s ease-in-out;
}

.registryform button:hover, .registryform button:active {
    background-color: #64A752;
    cursor: pointer;
}

.error {
    position: absolute;
    bottom: 0;
    right: 32px;
    color: rgba(226, 0, 25, 1);
    font-size: 0.6em;
    text-align: right;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	FireFox-Extrawurst
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@-moz-document url-prefix() {

	.registryform label {
		padding: 12px;
	}
	
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Internetexplorer-Extrawurst
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media screen\0 {

	.registryform label {
		padding: 14px 12px;
	}

}