.energie-label{
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 2em;
    display: inline-block;
    position: relative;
    padding: 0 1em;
    margin: 0 1em 0 0;
    line-height: 2em;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--textEnergyLabel);
    background-color: var(--bgEnergyLabel);
}
.energie-label:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 100%;
    border-style: solid;
    border-width: 1em 0 1em 1em;
    border-color: transparent transparent transparent var(--bgEnergyLabel);
}
.energie-label:not([class*="el-"]){
    --bgEnergyLabel: #9e9898;
    --textEnergyLabel: #fff;
}
.energie-label.el-a{
    --textEnergyLabel: #ffffff;
    --bgEnergyLabel: #009649;
}
.energie-label.el-b{
    --textEnergyLabel: #ffffff;
    --bgEnergyLabel: #0ca841;
}
.energie-label.el-c{
    --textEnergyLabel: #393636;
    --bgEnergyLabel: #c5d52b;
}
.energie-label.el-d{
    --textEnergyLabel: #393636;
    --bgEnergyLabel: #fcef32;
}
.energie-label.el-e{
    --textEnergyLabel: #393636;
    --bgEnergyLabel: #fabd25;
}
.energie-label.el-f{
    --textEnergyLabel: #ffffff;
    --bgEnergyLabel: #e9601f;
}
.energie-label[class*="el-"]:not(.el-a):not(.el-b):not(.el-c):not(.el-d):not(.el-e):not(.el-f),
.energie-label.el-g{
    --textEnergyLabel: #ffffff;
    --bgEnergyLabel: #e5051f;
}

@media (max-width: 530px) {
    .overview-nav .overview-pagination:not(:has(> .next:last-child)):after,
    .overview-nav .overview-pagination:not(:has(> .next:last-child)):after,
    .overview-nav .overview-pagination:not(:has(> .prev:first-child)):before,
    .overview-nav .overview-pagination:not(:has(> .prev:first-child)):before{
        display: flex;
        content: "\00A0";
        padding: 0 1em;
        grid-gap: .5em;
    }
}