.container{
    max-width:550px;
}
.cover{
    text-align:center;
    margin:1em 0;
}
.cover  img{
    box-shadow: 2px 2px 5px #666;
    width:180px;
    height:auto;
}
.box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box h2 {
    margin-bottom: 0;
    width: 100%;
}
.box p {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}
.box aside {
    min-width: 45%;
    margin-top: 10px;
}
.box aside img {
    width: 250px;
    box-shadow: 2px 2px 5px #666;
}
.box section {
    flex: 1 1 100%;
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
}

@media (min-width: 550px) {
    .cover {
        width: 200px;
        padding-left: 20px;
        float: right;
        margin: 0;
    }

    h2 {
        margin-bottom: 20px;
    }

    h3 {
        line-height: 20px;
    }

    .songlist li.open, .songlist li.close {
        list-style-type: none;
        margin-top: 10px;
        padding-left: 22px;
        margin-left: -22px;
        cursor: pointer;
    }

    .songlist li.open {
        background: url(../grafik/arrow_down.png) no-repeat left center;
    }

    .songlist li.close {
        background: url(../grafik/arrow_up.png) no-repeat left center;
    }

    .song {
        color: #AC0036;
    }
}