body.farbanopie {
    filter: url(#farbanopie);
    filter: url(#deuteranopia);
    filter: url(#protanopia);
}

footer #built,
footer #copyright {
    float: none;
}

#log_shield {
    background-color: var(--main-bgt-color);
    backdrop-filter: blur(20px) saturate(1);
    box-shadow: 0px 0px 10px var(--main-txt-color);
    border-radius: 0 0.5em;
    color: var(--main-txt-color);
    float: none;
    font-size: 1em;
    padding: 0;
    position: absolute;
    transition: all 0.3s ease;
    width: calc(100% - 4em);
    max-width: 400px;
    z-index: 300;
}

    #log_shield form {
        width: calc(100% - 2em);
        background-color: transparent;
        padding: 0 1em 1em 1em;
        display:block;
        float:left;
    }

.menuband {
    width: calc(100% - 1em);
    border-radius: 0 0.5em 0 0;
    backdrop-filter: blur(120px) saturate(1);
    background-color: red;
    width: calc(100% - 1);
    height: 1.5em;
    line-height: 1.5em;
    display: block;
    padding: 0 0.5em;
    float: left;
    background-color: var(--main-bgt-color);
    text-align: left;
    margin-bottom: 0.5em;
}

    .menuband a {
        cursor:default;
    }


main div {
    /*align-items: center;
	backdrop-filter: blur(8px) saturate(1);
	display:block;
	min-height:100vh;
	width:calcI(100vw);*/
}

/*Statt input + label, nutze eine Klasse .floating-label für bessere Kontrolle
.floating-label {
	position: absolute;
	left: 2.5em;
	top: 0;
	transition: var(--transition-fast);
}

input:focus ~ .floating-label,
input:not(:placeholder-shown) ~ .floating-label {
	top: -0.5em;
	font-size: 0.8em;
}
footer, header {
  font-size: clamp(0.5em, 1vw, 1em);
}
*/