body {
    background-repeat: no-repeat;
    background-position: right  top;
    background-attachment:fixed;
    background-size: cover;
    padding-bottom: 80px;
}

@media (min-width: 0px) {
body {
    background-image: url("../bg-small.jpg");
}
}

@media (max-width: 767px) {
    .text {
        background-color: rgba(0,0,0,0.5);
        border:none;
        padding: 20px 5px 5px 5px;
        
    }
    #logo {
        max-width: 60%;
    }
}


@media (min-width: 768px) {
body {
    background-image: url("../bg-medium.jpg");
}
}

@media (min-width: 1200px) {
body {
    background-image: url("../bg.jpg");
}
}

* {
    font-family: 'Economica', sans-serif;

}

.balken{
    background-color: orange;
    width: 100%;
    margin: 0 auto;
}
.balken-schrift{
    color: white;
    padding: 10px 20px;
    text-align: center;
    font-family: 'Economica', sans-serif;
}
.hinweis{
    color: orange;
}


p {
    font-family: 'Economica', sans-serif;
    color: aliceblue;
}

h1 {
    font-family: 'Economica', sans-serif;
    font-size: 2rem;
    color:chartreuse;
}

a {
    color: aliceblue;
    
}

a:hover {
    color: #C4E60A;
}

/* footer {
    background-image: url("../footer.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size:auto;
    position:fixed;
    right: 0;
    bottom: 0;
} */
footer{
    height: 20px;
    width: 100%;
    background-color: #C4E60A;
    position: fixed;
    bottom: 0;
}
#back-button {
    border-color: #C4E60A;
    color: #C4E60A;
}

#back-button:hover {
    background-color: #C4E60A;
    color: azure;
}