html {
    background: url(https://www.tp4l.de/user/media/background.png) bottom center no-repeat #000;
    background-size: cover;
    margin: 0;
    padding: 0;
    min-height: 100vH;
    min-width: 100vW;
}

html div,
html section,
html main,
body,
#header {
    background-color: transparent !important
}

:root[data-theme="dark"] .form-input, :root[data-theme="dark"] .form-select, :root[data-theme="dark"] input[type="text"], :root[data-theme="dark"] input[type="email"], :root[data-theme="dark"] input[type="url"], :root[data-theme="dark"] input[type="password"], :root[data-theme="dark"] input[type="search"], :root[data-theme="dark"] textarea, :root[data-theme="dark"] select {
    padding: .25rem;
    line-height: 1;
    height: auto;
    min-height: 30px;
    margin-bottom: .1rem;
}

.form-group {
    margin-bottom: .5rem;
}

#footer {
    background: rgba(0, 0, 0, .5);
    padding: .2rem;
}

#body-wrapper {
    padding-top: 0;
}

.form-wrapper .buttons, .form-wrapper .button-wrapper {
    justify-content: flex-end;
}

[data-tooltip]::before {
    left: -.5rem;
    transform: translate(0rem, -.25rem);
}

[data-tooltip]::after {
    left: .5rem;
    transform: unset;
}

.container {
    max-width: 600px;
}

#header {
    backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
    border-bottom: 0;
}

[data-tooltip]:focus::after, [data-tooltip]:focus::before, [data-tooltip]:hover::after, [data-tooltip]:hover::before {
    --pico-tooltip-slide-to: unset;
    animation-duration: unset;
}

[type=checkbox] ~ label, [type=radio] ~ label {
    background: rgba(0, 0, 0, .8);
}

#footer {
    border: 0 !important;
}

#footer, #footer p, #footer a {
    font-size: 12px;
}

.goverlay {
    background: rgba(0, 0, 0, .92) !important;
}

/*.turnstile-container {*/
/*    display:none;*/
/*}*/
.whatsapp-button-outer {
    float: right;
}

.whatsapp-button a {
    background: #1d1f25 !important;
    border-radius: 8px;
    padding: 6px 6px 10px 6px;
}