.wrapTicketOverview {
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    float: left;
    margin: 0 0 40px;
    padding: 33px;
    width: 100%;
}

/*.wrapTicketOverview:hover {
    border: 1px solid #ccc;
}*/

#contentArea .wrapTicketOverview ul {
    margin: 0;
    position: relative;
    width: 100%;
}

.wrapTicketOverview ul.time li {
    font-family: "klavikamedium",Verdana,sans-serif;
}

.wrapTicketOverview small.infotext {
    margin-top: 20px;
    display: block;
    float: left;
}

p.small_text {
    float: left;
    width: 100%;
}

.wrapTicketOverview ul.head {
    background-color: #f0f0f0;
    float: left;
    position: relative;
}

.wrapTicketOverview ul.head li {
    /*color: #fff;*/
    font-family: "klavikamedium",Verdana,sans-serif;
    padding: 5px 2%;
    text-transform: uppercase;
}

.wrapTicketOverview ul .showMob {
    display: none;
}

.wrapTicketOverview ul li {
    box-sizing: border-box;
    display: block;
    float: left;
    line-height: 18px;
    list-style: outside none none;
    padding: 10px 2%;
    /* --- wenn 4 Spalten
    width: 15.5%;*/
    width: 34.5%;
}

.wrapTicketOverview ul li.first {
    width: 30.5%;
}

.wrapTicketOverview ul li.last {
    width: 23%;
}

.wrapTicketOverview ul.head,
.wrapTicketOverview ul.list_content {
    margin-bottom: 0;
}

.wrapTicketOverview ul.list_content {
    background-image: url("../images/shopdemo.gif");
    background-repeat: repeat-y;
    background-size: 100% auto;
    border-bottom: 1px solid #cccccc;
    float: left;
}

.wrapTicketOverview ul.list_content.noBorder {
    border: 0;
    padding: 0;
}

.wrapTicketOverview ul.list_content.noBorder li {
    padding-bottom: 0;
}

.wrapTicketOverview ul.list_content.noBorder.lastPadTrue li {
}

.wrapTicketOverview ul.list_content li.whole {
    font-style: italic;
    text-align: center;
    width: 69.5%;
}

@media (max-width: 670px) {
    .wrapTicketOverview {
        padding: 5%;
    }
}

@media (max-width: 600px) {

    #contentArea {
        padding-bottom: 50px;
    }

    .wrapTicketOverview ul.list_content {
        background-image: none;
        border-bottom: 1px solid #ccc;
        padding: 0 0 20px;
    }

    .wrapTicketOverview .list_content.colLabel {
        display: none;
    }

    .wrapTicketOverview ul.head {
        /*display: none;*/
        background-color: transparent;
    }

    .wrapTicketOverview ul.head li {
        padding-bottom: 0;
        font-family: "klavika_regularbold",Open Sans,sans-serif;
        color: #efc100;
        font-style: italic;
        text-transform: none;
        font-size: 20px;
    }

    .wrapTicketOverview ul li.first,
    .wrapTicketOverview ul li.last,
    .wrapTicketOverview ul.list_content li.whole {
        width: 100%;
    }

    .wrapTicketOverview ul li,
    .wrapTicketOverview ul li.last {
        width: 50%;
    }
    .wrapTicketOverview ul.list_content li.first {
        border-bottom: 1px solid #ccc;
        font-family: "klavika_regularbold",Verdana,sans-serif;
        font-size: 17px;
        font-weight: 100;
        line-height: 22px;
        background-color: #f0f0f0;
    }

    label.mobil {
        font-family: "klavikamedium",Verdana,sans-serif;
        margin: 0;
    }

    .time {
        display: none;
    }

    label.mobil span {
        display: block;
        font-family: "klavikalight",Arial,Helvetica,sans-serif;
        font-size: 12px;
        margin: 0 0 6px;
    }

    .wrapTicketOverview ul li {
        padding-bottom: 25px;
    }

    .wrapTicketOverview ul li.first {
        padding-bottom: 10px;
    }

    .wrapTicketOverview ul.colLabel li.hideMob {
        display: none;
    }

    .wrapTicketOverview ul .showMob {
        display: block;
    }

}

@media (max-width: 400px) {

    .wrapTicketOverview ul li,
    .wrapTicketOverview ul li.last {
        width: 50%;
    }
}

.wrapTicketOverview ul.head li p {
    color: #fff;
}

.wrapTicketOverview ul li p {
    margin: 0;
}