.KurseSingle {
    background-color: #fff;
    padding: 2%;
    margin: 0% auto;
}

.KursImages {
    position: relative;
    margin: -2% -2% 2% -2%;
}

.KurseSingle h1 {
    width: 100%;
    text-align: center;
}

#content .KurseSingle h2 {
    margin-top: 0;
}

.KurseSingle .ImageWrapper {
    position: relative;
    z-index: 1;
}

#content .KurseSingle img.CMSimage,
#content .KurseSingle img.image {
    margin: 0;
    padding: 0px;
    width: 100%;
}

.KurseSingle .left,
.KurseSingle .right {
    display: inline-block;
    position: relative;
    width: 50%;
    padding: 3%;
}

#content .KurseSingle .KursTermine ul,
#content .KurseSingle .KursTermine ul li {
    margin: 0;
    padding: 10px 0;
    list-style-type: none;
}

#content .KurseSingle .KursTermine ul li:first-child {
    border-top: 1px solid #e9e9e9;
}

#content .KurseSingle .KursTermine ul li {
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}

#content .KurseSingle .KursTermine ul li span {
    display: inline-block;
    vertical-align: top;
}

.KurseSingle .KursTermine ul li span.lila {
    color: #4A574E;
    display: inline-block;
    width: 85px;
}

#content a.button {
    float: left;
}

#content a.button {
    width: auto;
    padding: 10px 20px;
    margin-bottom: 10px;
    color: #fff;
    background-color: #b4d273;
}

#content a.button:hover {
    background-color: #4A574E;
}

@media only screen and (max-width: 700px) {
    .KurseSingle .left,
    .KurseSingle .right {
        width: 100%;
    }
}