#projektberichte-liste h3 {
    margin-bottom: 0;
    display: inline;
    color: #000;
}

#projektberichte-liste h4 {
    font-size: 1.2em;
    margin: 1em 0 0 0;
}

#projektberichte-liste h4:nth-of-type(1) {
    margin: 0;
}

#projektberichte-liste .projekt:nth-of-type(1) {
    margin: 0;
}

.single-tq_projektberichte h1 {
    font-size: 2em;
    line-height: 1.2em;
}

#projektberichte-liste h5 {
    margin: 0 0 0 0;
}

#projektberichte-liste .pfeil {
    width: 36px;
    height: 28px;
    float: right;
    background-image: url(../src/pfeile_1.png);
}

#projektberichte-liste .active .pfeil {
    background-position: 0 28px;
}

#projektberichte-liste .accordion-section-title:hover .pfeil {
    background-position: 36px 0;
}

#projektberichte-liste .accordion-section-title.active:hover .pfeil {
    background-position: 36px 28px;
}

#projektberichte-liste .sub-projekt {
    margin: 1em 0 0 1em;
}

#projektberichte-liste .projekt {
    margin: 1em 0 0 0;
}

.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.accordion {
    overflow:hidden;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;
    background:#f7f7f7;
}


.accordion-section-title {
    width:100%;
    padding:10px;
    display:inline-block;
    border-bottom:1px solid #979797;
    background: #D1D1D1;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.200em;
    color:#fff;
}

.accordion-section-title.active, .accordion-section-title:hover {
    background:#B1B1B1;
    /* Type */
    text-decoration:none;
}

.accordion-section-title.active, .accordion-section-title:hover h3 {
    color: #fff!important;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}


.accordion-section-content {
    padding:15px;
    display:none;
}

#referenzen-thumbnail {
    margin-top: 2em;
}