.bg {
    width: 100%;
    height: 100%;

    position: absolute;
    z-index: 101;

    backdrop-filter: blur(12px);                /* der Blur-Effekt – 8–20px sind meist schön */
    -webkit-backdrop-filter: blur(12px);        /* für Safari/iOS */
}

.inputs {
    width: 60%;
    height: auto;

    position: absolute;
    left: 47%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.inputs span {
    width: 108%;

    margin-bottom: 2px;
    padding: 4px;

    display: block;
    
    background: #333;
    color: silver;

    border: 1px solid silver;
    border-radius: 9px;
}

.inputs input {
    width: 100%;
    height: auto;

    margin-bottom: 5px;
    padding: 15px;

    border: 1px solid #ddd;
    border-radius: 9px;

    background: #222;
    color: #3498db;
}

.inputs label {
    margin: 4px 0 0 4px;
    padding: 8px;

    display: inline-block;

    background: black;
    color: crimson;

    border: 1px solid crimson;
    border-radius: 8px;

    cursor: pointer;
}