@media screen and (max-width: 1000px){
    #content{
        width: 100%;
    }

    #header-top{
        padding-top: 20px;
        width: 100%;
        height: auto;
        float: left;
        position: relative;
    }

    #header{
        width: 100%;
        /* height: 400px; */
        float: left;
    }

    #header-menu{
        display: none;
    }

    #header-text{
        padding: 10px 15px;
        width: calc(100% - 30px);
        /* height: 150px; */
        float: left;
    }

    #header-logo{
        width: 100%;
        text-align: center;
        margin: 0;
    }

    #header-image{
        display: none;
        width: 100%;
        text-align: center;
        margin: 0;
        height: auto;
    }

    #header-logo img{
        width: auto;
        height: 80px;
        float: none;
        margin: 0 auto;
    }

    #header-logo h1{
        width: 100%;
        height: auto;
        margin: 0 auto;
        line-height: normal;
    }

    h2{
        margin-bottom: 10px;
    }

    #ruler{
        display: none;
    }

    #middle-content{
        padding-top: 10px;
        width: calc(100% - 20px);
        /* margin: 0 auto;        */
        margin: 5px 10px;
        float: left;
        padding-right: 0;
    }

    .actions, .action, div.line{
        width: 100%;
        float: left;
        height: auto;
        margin: 0;
        padding: 0;
        clear: both;
    }

    div.line{
        height: 4px;
        width: calc(100% - 20px);
    }

    .action-image{
        float: left;
        width: 100%;
        height: auto;
    }
    .action-image img{
        max-width: 300px;
    }

    .action-info{
        float: left;
        width: 100%;
        margin: 0;
        height: auto;
    }

    .action-text{
        float: left;
        width: 100%;
        height: auto;
    }

    .action-labels{
        float: left;
        /* width: 100%; */
        height: auto;
        display: none;
    }

    .action-labels ul{
        float: right;
        width: auto;
    }

    .action-labels ul li{
        margin-top: 0;
        margin-bottom: 10px;
    }

    .action-buttons{
        height: 50px;
    }


    div.action-buttons a{
        margin-top: 5px;
        float: left;
    }

    div.action-labels ul li {
        font-size: 15px;
    }


    .past-action .action-block, .past-action .action-image, .past-action .action-info {
        left: 0;
        background-color: #f5f5f5;
    }

    .past-action .action-text, .past-action .action-dates ul{
        color: #000;
    }

    .past-action div.action-dates ul li.date:before{
        content: url('../images/action-date.png');
    }

    .past-action div.action-dates ul li.place:before{
        content: url('../images/action-place.png');
    }

    .past-action div.action-dates ul li.teams:before{
        content: url('../images/action-teams.png');
    }

    .past-action div.action-dates ul li.thema:before{
        content: url('../images/action-thema.png');
    }

    .past-action div.action-buttons button.action-page {
        color: #FFF;
        background-color: #99cc33;
    }


    #past-actions .past-action:not(:first-child) {
        padding-top: 0;
        top: 0;
    }

    .past-action:not(:first-child) {
        padding-top: 0;
        height: auto;
        padding-bottom: 0;
    }

    #past-actions .past-action:not(:first-child) h3 {
        background-color: #f5f5f5;
        left: 0;
        margin-left: 0;
        padding-left: 0;
    }

    .action-last{
        display: none;
    }

    .action-dates{
      width: 100%;
    }

    .clearmobile{
      clear: both;
      content: "";
      display: table;
    }

}