.main_container{
    width: 960px;
    display: flex;
    justify-content: space-between;
    margin: 200px auto 20px auto;
}
.main_content{
    width: 700px;
}

.main_content .article, .main_content .news_article{
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    min-height: auto!important;
}
.main_content .news_article{
    display: flex;
    flex-wrap: wrap;
}
.news_article .box{
    width: calc(33.3% - 20px);
    margin:10px;
}
.news_article .preis_box{
    width: calc(16% - 20px);
    margin:10px;
    text-align:center;
}
.box a{
    text-decoration: none;
}
.box h3{
    color: #000097;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.box p{
    color: #000;
    font-size: 14px;
}
.article .more_btn{
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 0;
    border: none;
    background-color: #000092;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    float: right;
}
.article .clear{
    clear: right;
}

.sidebar{
    width: 200px;
}
.sidebar .pannel{
    background: #fff;
    margin-bottom: 20px;
}
.pannel h4{
    padding: 5px 10px;
    font-size: 14px;
    
}
.pannel .more_btn{
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 0;
    border: none;
    background-color: #000092;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    margin: 10px;
}
.sidebar img{
    width: 100%;
    height: auto;
}

@media only screen and (max-width : 480px) {
.main_container{
width:100%;
margin:120px auto 20px auto;
display:block;
}
.main_content{
width:95%;
margin:auto;
}
.main_content .article{
width:100%;
}
.article img{
float:none;
width:100%;
height:auto;
display:block;
margin:0 auto 10px auto;
}
 .main_content .news_article{
        padding: 0 20px;
    }
    .news_article .box{
        width: 100%;
        margin:0 auto;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        padding: 15px 5px;
    }
    .box h3{
        margin-bottom: 5px;
    }

.sidebar{
display:none;
}


}

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

.main_container{
width:97%;
margin:20px auto;
}
.main_container .main_content{
width:72%;
}
.article img{
width:150px;
height:auto;
}

.main_content .news_article{
        padding: 0 20px;
    }
    .news_article .box{
        width: 100%;
        margin:0 auto;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        padding: 15px 5px;
    }
    .box h3{
        margin-bottom: 5px;
    }

.main_container .sidebar{
width:20%;
}
.sidebar .pannel h4{
font-size:1.5vw;
}
.pannel .more_btn{
font-size:8px;
padding:3px 6px;
}
.flex .box{
    width: calc(50% - 50px);
}
}

@media only screen and (min:width:768px) and (max-width:920px){
body{
border:1px solid blue;
}
}