.main {

    width:100%;
    background-color:rgba(236,240,241,1.0);
    margin:0;
    padding:0;
    padding-top:35px;
    padding-bottom:57px;

}

.main .content {

    width:959px;

}

.main h1 {

    padding:0;
    margin:0;
    font-size:40px;
    font-weight:700;
    font-family:'Roboto Condensed',sans-serif;
    color:rgba(0,0,0,1.0);
    margin-bottom:46px;

}

.main .aktuality_list {

    width:959px;
    min-height:1px;
    margin:0px auto;

}

.main .aktuality_list .akt_item {

    width:100%;
    height:181px;
    margin-bottom:19px;
    background-color:rgba(255,255,255,1.0);

}

.main .aktuality_list .akt_item .akt_image {

    width:156px;
    height:181px;
    float:left;

}

.main .aktuality_list .akt_item .akt_image img {

    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;

}

.main .aktuality_list .akt_item .akt_content {

    width:calc(100% - 156px - 89px);
    height:100%;
    float:left;
    display:table;

}

.main .aktuality_list .akt_item .akt_content > .verticalAlign {

    display:table-cell;
    vertical-align:middle;
    padding-left:26px;
    padding-right:26px;

}

.main .aktuality_list .akt_item .akt_content > .verticalAlign .akt_headline {

    padding:0;
    margin:0;
    font-size:30px;
    font-weight:400;
    font-family:'Roboto',sans-serif;
    color:rgba(0,0,0,1.0);

}

.main .aktuality_list .akt_item .akt_content > .verticalAlign .akt_perex {

    padding:0;
    margin:0;
    font-size:20px;
    font-weight:400;
    font-family:'Roboto Condensed',sans-serif;
    color:rgba(0,0,0,0.74);
    line-height:27px;
    margin-top:7px;

}

.main .aktuality_list .akt_item .akt_content > .verticalAlign .akt_date {

    padding:0;
    margin:0;
    font-size:18px;
    font-weight:400;
    font-family:'Roboto Condensed',sans-serif;
    font-style:italic;
    color:rgba(0,0,0,0.74);
    margin-top:9px;

}

.main .aktuality_list .akt_item .akt_detailButton {

    border:none;
    width:89px;
    height:100%;
    background-color:rgba(231,76,60,1.0);
    font-size:14px;
    font-weight:700;
    font-family:'Roboto Condensed',sans-serif;
    color:rgba(255,255,255,1.0);
    text-transform:uppercase;
    cursor:pointer;
    transition:background 0.3s;

}

.main .aktuality_list .akt_item .akt_detailButton:hover {

    background-color:rgba(231,76,60,0.9);
    transition:background 0.3s;

}

@media screen and (max-width:980px) {

    .main .content {

        width:calc(100% - 40px);

    }
    
    .main .aktuality_list {

        width:100%;
        min-height:1px;
        margin:0px auto;

    }

}

@media screen and (max-width:767px) {

    .main .aktuality_list .akt_item {

        width:calc(50% - 20px);
        height:auto;
        margin-left:10px;
        margin-right:10px;
        margin-bottom:19px;
        background-color:rgba(255,255,255,1.0);

    }

    .main .aktuality_list .akt_item .akt_image {

        width:100%;
        height:181px;
        float:left;

    }

    .main .aktuality_list .akt_item .akt_content {

        width:calc(100%);
        height:100%;
        float:left;
        display:table;
        padding-top:20px;

    }
    
    .main .aktuality_list .akt_item .akt_detailButton {

        border:none;
        width:100%;
        height:50px;
        margin-top:20px;

    }

}

@media screen and (max-width:550px) {

    .main .aktuality_list .akt_item {

        width:calc(100% - 20px);
        height:auto;
        margin-left:10px;
        margin-right:10px;
        margin-bottom:19px;
        background-color:rgba(255,255,255,1.0);

    }

    .main .aktuality_list .akt_item .akt_image {

        width:100%;
        height:181px;
        float:left;

    }

    .main .aktuality_list .akt_item .akt_content {

        width:calc(100%);
        height:100%;
        float:left;
        display:table;
        padding-top:20px;

    }
    
    .main .aktuality_list .akt_item .akt_detailButton {

        border:none;
        width:100%;
        height:50px;
        margin-top:20px;

    }

}