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

.registryform
{
    margin: 0 auto;

    text-align: center;

    background-color: rgba(0, 0, 0, 0);
}

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

.registryform section
{
    position: relative;
}

.registryform label
{
    font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;

    display: inline-block;

    width: 72px;
    margin-bottom: 24px;
    padding: 12px;

    color: #000;
    border: 1px solid #fff;
    background-color: #fff;
}

.registryform input
{
    font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;

    display: inline-block;

    width: -webkit-calc(100% - 98px);

    width: -moz-calc(100% - 98px);

    width: calc(100% - 98px);
    margin-bottom: 24px;
    margin-left: -4px;
    padding: 12px;

    border: 1px solid #000;
}

.registryform input[type='checkbox']
{
    display: inline-block;

    width: 24px;
    height: 24px;
    margin-bottom: 0;
    padding: 0;

    cursor: pointer;

    border: 1px solid #000;
    background-color: rgba(255, 255, 255, .75);
}

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

.agbtxt,
.agbtxt_2,
.agbtxt_3,
.agbtxt_4
{
    font-family: oxygen, Arial, Helvetica, sans-serif;

    margin-left: 6px;

    vertical-align: super;

    color: #fff;
}

.agbtxt_2
{
    color: #000;
}

.agbtxt_3
{
    color: #000;
}

.agbtxt_4
{
    color: #fff;
}

.agbtxt a,
.agbtxt_2 a,
.agbtxt_3 a,
.agbtxt_4 a
{
    text-decoration: underline;

    color: red;
}

button
{
    font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;

    width: 100%;
    max-width: 384px;
    margin: 24px auto;
    padding: 12px;

    color: #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #77df00;
}

button:hover
{
    cursor: pointer;

    background-color: rgba(226, 0, 25, .9);
}

.error
{
    font-family: 'Oxygen', Arial, Helvetica, sans-serif;
    font-size: .6em;

    position: absolute;
    right: 0;
    bottom: -1.5em;

    text-align: right;

    color: rgba(226, 0, 25, 1);
}