.ref-item {
    width: 100%;
    height: 300px;
}

.ref-carousel {
    width: 100%;
    height: 300px;
}

/* alternating list item backgrounds */

.reference-list li {
    padding: .4em .4em .4em .8em;
    margin: .5em 0 .5em 0em;
    background: #f8f8f8;
    color: #444;
    border-left-color: rgb(154, 134, 110);
    border-left-style: outset;
    border-left-width: 3px;
}

.reference-list li:nth-child(even) {
    background: rgba(248, 248, 248, 0.5);
}

.project-text {
    font-size: 16px;
}

.affil-btn {
    background-color: transparent;
    border-color: #777;
    color: #777;
    pointer-events: none;
    font-size: 11px;
}

.affil-btn-sm {
    line-height: 1;
}

.project-divider {
    width: 100%;
    border-top: 1.9px solid rgb(154, 134, 110);
}

.oe1 {
    background: url(../img/referenzen/oerlenbach/oe1.jpeg) no-repeat center center / cover;
}

.oe2 {
    background: url(../img/referenzen/oerlenbach/oe2.jpeg) no-repeat center center / cover;
}

.oe3 {
    background: url(../img/referenzen/oerlenbach/oe3.jpeg) no-repeat center center / cover;
}

.gi1 {
    background: url(../img/referenzen/giebelstadt/gi1.jpg) no-repeat center center / cover;
}

.gi2 {
    background: url(../img/referenzen/giebelstadt/gi2.jpg) no-repeat center center / cover;
}

.gi3 {
    background: url(../img/referenzen/giebelstadt/gi3.jpg) no-repeat center center / cover;
}

.gi4 {
    background: url(../img/referenzen/giebelstadt/gi4.jpg) no-repeat center center / cover;
}

.gi5 {
    background: url(../img/referenzen/giebelstadt/gi5.jpg) no-repeat center center / cover;
}

.gi6 {
    background: url(../img/referenzen/giebelstadt/gi6.jpg) no-repeat center center / cover;
}

.wue1 {
    background: url(../img/referenzen/wuerzburg/wue1.jpg) no-repeat center center / cover;
}

.wue2 {
    background: url(../img/referenzen/wuerzburg/wue2.jpg) no-repeat center center / cover;
}

.wue3 {
    background: url(../img/referenzen/wuerzburg/wue3.jpg) no-repeat center center / cover;
}

.wue4 {
    background: url(../img/referenzen/wuerzburg/wue4.jpg) no-repeat center center / cover;
}

.wue5 {
    background: url(../img/referenzen/wuerzburg/wue5.jpg) no-repeat center center / cover;
}

.wue6 {
    background: url(../img/referenzen/wuerzburg/wue6.jpg) no-repeat center center / cover;
}

.ham1 {
    background: url(../img/referenzen/hammelburg/ham1.jpg) no-repeat center center / cover;
}

.ham2 {
    background: url(../img/referenzen/hammelburg/ham2.jpg) no-repeat center center / cover;
}

.gee1 {
    background: url(../img/referenzen/geesthacht/gee1.jpg) no-repeat center center / cover;
}

.mar1 {
    background: url(../img/referenzen/marktbreit/mar1.jpg) no-repeat center center / cover;
}

.mas1 {
    background: url(../img/referenzen/marktbreit/mas1.png) no-repeat center center / cover;
}

.vol1 {
    background: url(../img/referenzen/volkach/vol1.jpeg) no-repeat center center / cover;
}

.vol2 {
    background: url(../img/referenzen/volkach/vol2.jpeg) no-repeat center center / cover;
}

.vol3 {
    background: url(../img/referenzen/volkach/vol3.jpeg) no-repeat center center / cover;
}

.vol4 {
    background: url(../img/referenzen/volkach/vol4.jpeg) no-repeat center center / cover;
}

.vol5 {
    background: url(../img/referenzen/volkach/vol5.jpeg) no-repeat center center / cover;
}

.vol6 {
    background: url(../img/referenzen/volkach/vol6.jpg) no-repeat center center / cover;
}

.lau1 {
    background: url(../img/referenzen/lauda/lau1.jpg) no-repeat center center / cover;
}

.lau2 {
    background: url(../img/referenzen/lauda/lau2.jpg) no-repeat center center / cover;
}

.lau3 {
    background: url(../img/referenzen/lauda/lau3.jpg) no-repeat center center / cover;
}

.pfa1 {
    background: url(../img/referenzen/pfaffenhofen/pfa1.jpg) no-repeat center center / cover;
}

.pfa2 {
    background: url(../img/referenzen/pfaffenhofen/pfa2.jpg) no-repeat center center / cover;
}

.pfa3 {
    background: url(../img/referenzen/pfaffenhofen/pfa3.jpg) no-repeat center center / cover;
}

.pfa4 {
    background: url(../img/referenzen/pfaffenhofen/pfa4.jpg) no-repeat center center / cover;
}

.pfa5 {
    background: url(../img/referenzen/pfaffenhofen/pfa5.jpg) no-repeat center center / cover;
}

.din1 {
    background: url(../img/referenzen/dinkelsbuehl/din1.JPG) no-repeat center center / cover;
}

.din2 {
    background: url(../img/referenzen/dinkelsbuehl/din2.JPG) no-repeat center center / cover;
}

.din3 {
    background: url(../img/referenzen/dinkelsbuehl/din3.gif) no-repeat center center / cover;
}

.pfo1 {
    background: url(../img/referenzen/pforzheim/pfo1.jpg) no-repeat center center / cover;
}

.pfo2 {
    background: url(../img/referenzen/pforzheim/pfo2.jpg) no-repeat center center / cover;
}

.pfo3 {
    background: url(../img/referenzen/pforzheim/pfo3.jpg) no-repeat center center / cover;
}

.pfo4 {
    background: url(../img/referenzen/pforzheim/pfo4.jpg) no-repeat center center / cover;
}

.pfo5 {
    background: url(../img/referenzen/pforzheim/pfo5.jpg) no-repeat center center / cover;
}

.pfo6 {
    background: url(../img/referenzen/pforzheim/pfo6.jpg) no-repeat center center / cover;
}

.ebe1 {
    background: url(../img/referenzen/ebelsbach/ebe1.jpg) no-repeat center center / cover;
}

.has1 {
    background: url(../img/referenzen/hassfurt/has1.jpg) no-repeat center center / cover;
}

.ger1 {
    background: url(../img/referenzen/gerolzhofen/ger1.jpeg) no-repeat center center / cover;
}

.ger2 {
    background: url(../img/referenzen/gerolzhofen/ger2.jpeg) no-repeat center center / cover;
}

.ger3 {
    background: url(../img/referenzen/gerolzhofen/ger3.jpeg) no-repeat center center / cover;
}

.wie1 {
    background: url(../img/referenzen/wiesentheid/wie1.jpeg) no-repeat center center / cover;
}

.wie2 {
    background: url(../img/referenzen/wiesentheid/wie2.jpeg) no-repeat center center / cover;
}

.mos1 {
    background: url(../img/referenzen/mosbach/mos1.jpg) no-repeat center center / cover;
}

.mos2 {
    background: url(../img/referenzen/mosbach/mos2.jpg) no-repeat center center / cover;
}

.roe1 {
    background: url(../img/referenzen/roedental/roe1.jpg) no-repeat center center / cover;
}

.badw1 {
    background: url(../img/referenzen/bad_windsheim/badw1.jpg) no-repeat center center / cover;
}

.badw2 {
    background: url(../img/referenzen/bad_windsheim/badw2.png) no-repeat center center / cover;
}

.lan1 {
    background: url(../img/referenzen/landshut/lan1.JPG) no-repeat center center / cover;
}

.lan2 {
    background: url(../img/referenzen/landshut/lan2.JPG) no-repeat center center / cover;
}

.lan3 {
    background: url(../img/referenzen/landshut/lan3.JPG) no-repeat center center / cover;
}

.lan4 {
    background: url(../img/referenzen/landshut/lan4.JPG) no-repeat center center / cover;
}

.lan5 {
    background: url(../img/referenzen/landshut/lan5.JPG) no-repeat center center / cover;
}

.lengfeld1 {
    background: url(../img/referenzen/lengfeld/lengfeld1.jpeg) no-repeat center center / cover;
}

.lengfeld2 {
    background: url(../img/referenzen/lengfeld/lengfeld2.jpeg) no-repeat center center / cover;
}

.lengfeld3 {
    background: url(../img/referenzen/lengfeld/lengfeld3.jpeg) no-repeat center center / cover;
}

.lengfeld4 {
    background: url(../img/referenzen/lengfeld/lengfeld4.jpg) no-repeat center center / cover;
}

.lengfeld5 {
    background: url(../img/referenzen/lengfeld/lengfeld5.jpg) no-repeat center center / cover;
}

.rossdorf1 {
    background: url(../img/referenzen/rossdorf/rossdorf-lageplan.png) no-repeat center center / cover;
}