#blog-header {
    background: #fff url(../img/blog-header-bg.jpg) no-repeat center bottom 48px;
    height: 316px;
    position: relative;
}
#blog-header > div {
    position: relative;
    text-align: left;
    max-width: 1134px;
    height: 100%;
    margin: 0 auto;
}
#blog-header #img-1 {
    position: absolute;
    left: 571px;
    bottom: 0;
}
#blog-header #img-2 {
    position: absolute;
    left: 927px;
    bottom: 48px;
}
#blog-header #text {
    position: relative;
    top: 156px;
}
#blog-header p {
    margin: 0;
}
#blog-header p:first-child {
    font: bold 33px/1.25 roboto slab;
    color: #216c36;
    text-transform: uppercase;
}
#blog-header p:last-child {
    font: italic 27px/1.25 roboto;
    color: #80c56c;
}
#breadcrumb {
    font-size: 17px;
}
#breadcrumb a {
    color: #333;
    text-decoration: underline;
}
#breadcrumb .icon-next:before {
    content: '\203a';
    font: bold 21px/1 Lucida Console !important;
    color: #216c36;
}
main article .row > div {
    clear: both;
    display: table;
}
main article .row > div:after {
    display: block;
    content: '';
    clear: both;
    border-bottom: 1px solid #7f7f7f;
}
main article:last-child .row > div:after {
    border-bottom: 0 none;
}
main article:last-child {
    margin-bottom: 133px;
}
main article header {
    color: #333;
    text-align: left;
    margin: 38px 0 22px 0;
}
main.articles article header {
    margin-bottom: 12px;
}
main article header h1 {
    color: #216c36;
    text-transform: none;
    margin-bottom: 8px;
}
main article header .category,
main article header time {
    font-size: 17px;
}
main article header .category {
    font-style: italic;
    margin-right: 20px;
}
main article header time {
    font-weight: bold;
}
main article .teaser-img {
    width: 286px;
    height: auto;
    margin: 41px 56px 44px 0;
    float: left;
    max-width: 100%;
}
main article .btn-cta.gruen {
    margin-bottom: 44px;
}
main article .article-img-box img {
    width: 249px;
    height: auto;
}
main article .article-img-box {
    margin: 4px 25px 4px 0;
    float: left;
    position: relative;
    display: inline-block;
}
main article .article-img-box:after {
    content: '';
    display: block;
    width: 40px;
    height: 39px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff url(../img/icon/plus.png) center no-repeat;
}
main.articles article p {
    margin-bottom: 10px;
}
main li {
    font-size: 17px;
}
#sidebar a {
    margin-bottom: 50px;
    display: block;
    width: 356px;
    max-width: 100%;
}
#sidebar a.teaser-ref {
    margin-bottom: 26px;
    margin-top: -8px;
}
#sidebar a.teaser-17 {
    margin-bottom: 33px;
}
#sidebar a.teaser-20 {
    margin-bottom: 30px;
}
#sidebar a.teaser-29 {
    margin-bottom: 21px;
}
#sidebar a.teaser-32 {
    margin-bottom: 18px;
}
#sidebar a.teaser-36 {
    margin-bottom: 14px;
}
#sidebar a.teaser-37 {
    margin-bottom: 13px;
}
#sidebar a.teaser-46 {
    margin-bottom: 4px;
}
#sidebar a.teaser-56 {
    margin-bottom: -6px;
}
@media (max-width: 1199px) {
    #blog-header > div {
        width: 940px;
    }
    #blog-header #img-2 {
        display: none;
    }
}
@media (max-width: 991px) {
    #blog-header > div {
        width: 720px;
    }
    #blog-header #text {
        top: 108px;
        width: 370px;
    }
    #blog-header #img-1 {
        left: 430px;
    }
}
@media (max-width: 789px) {
    #blog-header #img-1 {
        left: auto;
        right: 20px;
    }
}
@media (max-width: 767px) {
    #blog-header {
        height: 302px;
    }
    #blog-header > div {
        width: auto;
        text-align: center;
    }
    #blog-header #img-1 {
        display: none;
    }
    #blog-header #text {
        top: 50%;
        transform: translateY(-50%);
        width: 90%;
        margin: 0 auto;
    }
}
@media (max-width: 539px) {
    main article .article-img-box {
        float: none;
        margin-bottom: 20px;
    }
    #breadcrumb .bc-label {
        display: none;
    }
    #sidebar img {
        max-width: 100%;
    }
    main article .teaser-img {
        margin: 41px 0 44px 0;
    }
}
@media (max-width: 316px) {
    main article .teaser-img,
    main article .article-img-box img  {
        width: 100%;
    }
    #blog-header p:first-child {
        font-size: 22px;
    }
    #blog-header p:second-child {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    #sidebar {
        padding-left: 34px;
        padding-right: 0px;
    }
}
@media (max-width: 1199px) {
    #sidebar {
        padding: 0 15px;
    }
    #sidebar a {
        float: left;
        margin-right: 20px;
    }
}
@media (max-width: 993px) {
    main article .teaser-img {
        margin-bottom: 22px;
    }
    main article header {
        clear: both;
    }
}