html {font-family: Calibri,Arial,sans-serif;font-size: 16px;color: #535353;}
* {margin: 0;padding: 0;}
img {width: 100%; height: auto;margin: 0; padding: 0;}
h1 {text-align: center;font-size: 2rem;}
h2, h3,h4, h5 {margin: 2rem 0 0.5rem;font-size: 1.5rem;}
p {margin-bottom: 1rem;}
.content-1 p {color: #fff;font-size: 1.5rem;text-align: center;width: 80%;margin: 2rem auto; font-weight: 500;}
.content-1 {width: 100%; height: auto; background-image: url(bild-unten.jpg);background-size: cover;background-position: center center;padding: 3rem 0;}

.content-2 {padding: 3rem 2rem;}
.content-2 ul {padding-left: 1rem;}

a {color: #fff;cursor: pointer;}
.content-2 a {color: #935982;cursor: pointer;}

span.info {width: 100%;display: block;line-height: 1.8rem;}
.hide-small {display: none;}

.footernav {background-color: #935982;padding: 3rem 0;}
.footernav ul {list-style-type:none;margin:0 auto;}
.footernav li {width: 100%; text-align: center;font-size: 1.3rem;line-height: 1.8rem;}

@media (min-width: 650px) {
    .footernav {padding: 3rem 0 5rem;}
    .footernav li {width: 33%;float: left;}
    span.info {width: auto;display: initial;}
    .hide-small {display: initial;}
}