.diagramm{--co2chart-color-1:#7aab42;--co2chart-color-2:#c2831f;--co2chart-color-3:#b1255d;--co2chart-color-4:#8c5796;--co2chart-color-5:#5689ba;--co2chart-color-6:#365f83;--co2char-bar-maxwidth:250px}.headlines{margin-bottom:64px}.diagramm{margin-top:100px}.diagramm .skala .months>div{width:100%;position:relative}.diagramm .skala .months>div.item:not(:first-child):before{content:'';background-color:#ddd;position:absolute;width:100%;height:1px;top:0;left:0;z-index:-10}.diagramm .skala .months.entries>div.item:not(:first-child):before{background-color:#d5def0;height:2px;z-index:10}.months.entries .item .entry-bars div{background-color:#00000008;max-width:var(--co2char-bar-maxwidth)}.diagramm .skala .left-content>div.item{height:120px;position:relative;display:flex;align-items:center;padding:0 32px 0 0;1font-size:1.5rem}.item-wohnen{background:var(--co2chart-color-1);height:100%;width:16px;margin-right:16px}.item-strom{background:var(--co2chart-color-2);height:100%;width:16px;margin-right:16px}.item-mobilitaet{background:var(--co2chart-color-3);height:100%;width:16px;margin-right:16px}.item-ernaehrung{background:var(--co2chart-color-4);height:100%;width:16px;margin-right:16px}.item-konsum{background:var(--co2chart-color-5);height:100%;width:16px;margin-right:16px}.item-emissionen{background:var(--co2chart-color-6);height:100%;width:16px;margin-right:16px}.left-content .item-01{color:var(--co2chart-color-1)}.left-content .item-02{color:var(--co2chart-color-2)}.left-content .item-03{color:var(--co2chart-color-3)}.left-content .item-04{color:var(--co2chart-color-4)}.left-content .item-05{color:var(--co2chart-color-5)}.left-content .item-06{color:var(--co2chart-color-6)}.left-content .item-07{padding-left:32px!important}.diagramm .skala .left-content>div.item:not(:first-child):before{content:'';background-color:#d5def0;position:absolute;width:100%;height:2px;top:0;left:0;1z-index:-10}.diagramm .skala .left-content{position:relative;width:32%;color:var(--e-global-color-accent)}.left-content .item:nth-child(even):not(:first-child),.months.entries .item:nth-child(even):not(:first-child){background-color:#f2f8fc}.skala .left-content>div.item:last-child,.skala .months.entries>div.item:last-child{background:#2949b0!important;color:#fff;font-weight:600}.diagramm .skala .months>div:nth-child(8):before{content:'';background-color:#333;position:absolute;width:100%;height:1px;top:0;left:0}.diagramm .skala .months>div.item,.diagramm .skala .name>div>div.item{height:64px}.diagramm .skala .left-content>div.item,.diagramm .skala .months.entries>div.item{height:64px}.diagramm .skala .months.entries>div.item:last-child{1font-size:1.5rem;font-weight:600}.diagramm .skala .left-content>div.item:first-child,.diagramm .skala .months.entries>div.item:first-child{height:140px;font-weight:800;color:#000;font-size:1.6rem}.diagramm .skala .months.entries>div.item{justify-content:center;display:flex}.entry-bars{display:flex;width:80%;gap:10%}.entry-bars>div{display:flex;flex:1;padding:10px;justify-content:center;align-items:center}.diagramm .skala .name-zero{position:absolute;right:0}.diagramm .skala .inner{display:flex}.diagramm .skala .months{flex:1;position:relative;color:var(--e-global-color-accent)}.diagramm .skala .name{transform:translateY(-14px);1font-size:1.6rem;text-align:end;position:relative;width:32%;display:flex;justify-content:space-between;color:var(--e-global-color-accent)}.month-numbers,.name-zero{font-style:italic;padding:0 32px}.diagramm .skala .name p{margin:0;text-align:left}.diagramm .skala .bars{position:absolute!important;bottom:0;left:0;height:100%;display:flex;justify-content:center}.bars-row{height:100%;display:flex;width:80%;gap:10%}.bars-row>div{flex:1}.diagramm .skala .bars-row>div{display:flex;flex-direction:column;justify-content:flex-end}.diagramm .skala .bars-row>div>div{width:100%;max-width:var(--co2char-bar-maxwidth)}.diagramm .skala .bars-row>div>div>div{font-size:1.2rem;font-weight:800;color:#fff;height:100%;display:flex;justify-content:center;align-items:center}.diagramm .skala .bars-row>div>.bar-item-1{background-color:var(--co2chart-color-1)}.diagramm .skala .bars-row>div>.bar-item-2{background-color:var(--co2chart-color-2)}.diagramm .skala .bars-row>div>.bar-item-3{background-color:var(--co2chart-color-3)}.diagramm .skala .bars-row>div>.bar-item-4{background-color:var(--co2chart-color-4)}.diagramm .skala .bars-row>div>.bar-item-5{background-color:var(--co2chart-color-5)}.diagramm .skala .bars-row>div>.bar-item-6{background-color:var(--co2chart-color-6)}