main > .container {
    padding-top: 90px;
    margin-bottom: 1em;
}

.footer {
    background-color: #f5f5f5;
}

.footer a {
    color: rgb(46, 46, 46);
}

.footer a:link {
    text-decoration: none;
}

.footer a:visited {
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.footer a:active {
    text-decoration: underline;
}

#inputTest:invalid { 
    border: 5px solid red ;
    background-color: lightcoral ;
}
#inputTest:valid   {
    border: 5px solid green ;
    background-color: lightgreen;
}
#inputTest:placeholder-shown   {
    border: 1px solid #ced4da;
    background-color: #fff;
}

#listOfTests img {display: block;}
#listOfTests li {padding: calc(0.5rem + .5px) 1.25rem;}

#listOfPos img[data-type=positive] {display: none;}
#listOfPos img[data-type=negative] {display: block;}
#listOfPos li {padding: calc(0.5rem + .5px) 1.25rem;}

#listOfNeg img[data-type=positive] {display: block;}
#listOfNeg img[data-type=negative] {display: none;}
#listOfNeg li {padding: calc(0.5rem + .5px) 1.25rem;}

#headPerm img, #headPos img, #headNeg img {display: none;}
.complient img[data-type=thumbs-up] {display: inline-block !important;}
.noncomplient img[data-type=thumbs-down] {display: inline-block !important;}

h1, h2, h3, #impressum, #datenschutz {
    scroll-margin-top: 60px;
}