body,html {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background-image: url(/elements/wave01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.schild {
    margin-left:50%;
    position:relative;
    left:-250px;
    margin-top:100px;
}
.footer {
    position:fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 20%;
    background-color: #bece78;
    border: none;
    border-top: 5px #fffeff solid;
}
.footer-text {
    position:relative;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    margin: auto;
    margin-top: calc(20% / 4);
}

.headliner {
    margin: auto;
    position:absolute;
    top: calc(100% / 2);
    left: calc(100% - 90%);
}
.headliner1line {
        color: #f7f9f6;
        font-weight: 700;
        font-size: 65px;
}
.headliner2line {
    color: #000000;
    font-weight: 400;
    font-size: 32px;
}

.wavecolor {
    color: #99ac4d;
}
.birdcolor {
    color: #697329;
}

.birdy {
    background-image: url(/elements/bird01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.birdy2 {
    background-image: url(/elements/bird02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.iconsize {
    font-size: 15px;
}

.menueburger {
    position: absolute;
    right: 10px;
    top: 0px;
    width: 32px;
    height: 32px;
    font-size: 30px;
    z-index: 999;
    cursor: pointer;
}