/* STRUKTUR-FARBEN */
option.basic,
.sTab.klimaaktiv ul.structure  li.basic .l0 { background-color: #eee;border-color: #eee; border-top: 1px solid #ddd }
.sTab.klimaaktiv ul.structure  li.basic .l1 { background-color: #fff;border-color: #ddd; border-bottom: 1px solid #ddd}
.sTab.klimaaktiv ul.structure  li.basic .l2 { background-color: #fff;border-color: #ddd }
.sTab.klimaaktiv ul.structure  li.basic .pi .item { background-color: #fff;border-color: #EEE;}

option.A,
.sTab.klimaaktiv ul.structure  li.A .l0 { background-color: #ffde54;border-color: #ffde54 }
.sTab.klimaaktiv ul.structure  li.A .l1 { background-color: #ffe997;border-color: #ffde54 }
.sTab.klimaaktiv ul.structure  li.A .l2 { background-color: #fff4cf;border-color: #ffde54 }
.sTab.klimaaktiv ul.structure  li.A .l3 { background-color: #fffcef;border-color: #ffde54 }
.sTab.klimaaktiv ul.structure  li.A .pi .item { background-color: #fff;border-color: #fede54;}
.sTab.klimaaktiv .zBox .A {background-color: #ffde54;}
td.a {background-color: #ffde54; width: 30px}

option.B,
.sTab.klimaaktiv ul.structure  li.B .l0 { background-color: #ced194;border-color: #ced194  }
.sTab.klimaaktiv ul.structure  li.B .l1 { background-color: #e6e8cc;border-color: #ced194  }
.sTab.klimaaktiv ul.structure  li.B .l2 { background-color: #eff3d0;border-color:  #ced194 }
.sTab.klimaaktiv ul.structure  li.B .l3 { background-color: #f6f7ec;border-color:  #ced194 }
.sTab.klimaaktiv ul.structure  li.B .pi .item { background-color: #fff;border-color: #ced194;}
.sTab.klimaaktiv .zBox .B {background-color: #ced194;}
td.b {background-color:   #ced194; width: 30px}

option.C,
.sTab.klimaaktiv ul.structure  li.C .l0 { background-color: #be9ead;border-color: #be9ead}
.sTab.klimaaktiv ul.structure  li.C .l1 { background-color: #d8c6cf;border-color: #be9ead}
.sTab.klimaaktiv ul.structure  li.C .l2 { background-color: #ece1ef;border-color: #be9ead}
.sTab.klimaaktiv ul.structure  li.C .pi .item { background-color: #fff;border-color: #be9eac;}
.sTab.klimaaktiv .zBox .C {background-color: #be9ead;}
td.c {background-color:  #be9ead; width: 30px}

option.D,
.sTab.klimaaktiv ul.structure  li.D .l0 { background-color: #9bb8db;border-color: #9bb8db}
.sTab.klimaaktiv ul.structure  li.D .l1 { background-color: #c1d1e8;border-color: #9bb8db}
.sTab.klimaaktiv ul.structure  li.D .l2 { background-color: #dae4f2;border-color: #9bb8db}
.sTab.klimaaktiv ul.structure  li.D .pi .item { background-color: #fff;border-color: #9bb8db;}
.sTab.klimaaktiv .zBox .D {background-color: #9bb8db;}
td.d {background-color:#9bb8db; width: 30px}

.sTab.klimaaktiv ul.structure  li .item.iS {
    color: #000;
    /* text-transform: uppercase; */
}
.sTab.klimaaktiv ul.structure  li .item.iS .itemName {
    text-transform: initial
}
.sTab.klimaaktiv ul.structure  li .pi .item:hover {
    border-color: #f00;
}
/* ende struktur-farben */

/* STRUKTUR */
.bTab, .sTab.klimaaktiv .fsStruct div.item {
    min-height: 58px;
}
.bTab > div, .sTab.klimaaktiv .fsStruct div.item > div {
  padding-top: 20px
}
.sTab.klimaaktiv .fsStruct div.item div.adt,
.sTab.klimaaktiv .fsStruct div.item div.must {
  padding-top: 17px
}
.bTab div.itemTitle span {
  padding-bottom: 5px
}


/* MUST-KENNZEICHNUNG */


.sTab.klimaaktiv .fsStruct .mustN .itemTitle::after,
.sTab.klimaaktiv .fsStruct .must .itemTitle::after  {
    content: 'M';
    font-size: 15px;
    margin-right: 10px;
    text-shadow: 1px 1px 2px #66666633, 0 0 1em #66666633, 0 0 0.2em #66666633;
    /* top: 1.25em; */
}
.sTab.klimaaktiv .fsStruct .lv1 .mustN .itemTitle::after,
.sTab.klimaaktiv .fsStruct .lv1 .must .itemTitle::after  {
    margin-bottom: 2px;
    /* top: 24px; */
}
.sTab.klimaaktiv .fsStruct .mustN.mustOk .itemTitle::after,
.sTab.klimaaktiv .fsStruct .must.mustOk .itemTitle::after  {
    content: 'M';
}

.sTab.klimaaktiv .fsStruct .must .itemTitle::after,
.sTab.klimaaktiv .fsStruct .mustN .itemTitle::after  {
    content: 'M';
    color: #666;
}
.sTab.klimaaktiv .fsStruct .mustN .itemTitle::after  {
    color: #f00;
}
.sTab.klimaaktiv .fsStruct .mustN.mustOk .itemTitle::after,
.sTab.klimaaktiv .fsStruct .must.mustOk .itemTitle::after  {
    color: #66f212;
}
/* ende must */



/* offen | geschlossen markierung */

.sTab.klimaaktiv .fsStruct .lv0 .iS .itemTitle > span::after {
    background-image: url(icons_down_black.svg);
    background-position: 0px bottom;
}
.sTab.klimaaktiv .fsStruct .lv2 .iS .itemTitle > span::after {
    background-image: url(icons_down_black.svg);
}
.sTab.klimaaktiv .fsStruct .lv0 .iS:hover .itemTitle > span::after {
    background-position: -23px 70%;
}
.sTab.klimaaktiv .fsStruct .lv0 .iS.nOpen .itemTitle > span::after,
.sTab.klimaaktiv .fsStruct .lv0 .iS.tOpen .itemTitle > span::after {
    background-position: -42px bottom;
}
/* ende */

/* ITEM-NAME */
.sTab .fsStruct div.item .itemName {
    width: 75px;
}

/* ITEM-TITLE */
/* helpIndikator und help*/
.sTab.klimaaktiv ul.structure li .item .itemTitle span .helpIndikator {
  display: none;
}
.sTab.klimaaktiv ul.structure li .iS .help.hOpen::before {
  color: #000;
}
.sTab.klimaaktiv ul.structure li .crit .helpBox td {
  border: 1px solid #999;
  padding: 5px
}
/* upload */
.sTab.klimaaktiv .fsStruct div.item.pdf .fileInputButton,
.sTab.klimaaktiv .fsStruct div.item.pic .fileInputButton,
.sTab.klimaaktiv .fsStruct div.item.file .fileInputButton {
  font-size: .8em;
  background-image: url(icon_upload.svg);
  background-size: 14px;
  padding-left: 21px;
}

.sTab.klimaaktiv .fsStruct ul.structure ul.uploaded {
    list-style-type: square;
    padding-left: 5px;
}
.sTab.klimaaktiv .fsStruct ul.structure ul.uploaded li::before {
  /* content: "\25B8"; */
  /* font-size: 11px; */
}

.sTab.klimaaktiv .fsStruct ul.structure ul.uploaded img.rmUpload {
  width: 12px;
  margin-top: 0;
}
/* SIEGEL */
.sTab.klimaaktiv .ovBox .siegel {
  display: none;
}
.sTab.klimaaktiv .ovBox.Bronze .siegel,
.sTab.klimaaktiv .ovBox.Silber .siegel,
.sTab.klimaaktiv .ovBox.Gold .siegel {
  display: block;
  display: none;
}
.sTab.klimaaktiv .ovBox .siegel:after {
  content: ' Kein ';
  color: transparent;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 10px;
  /* margin-right: 15px; */
}
.sTab.klimaaktiv .ovBox {
  position: relative;
  top: -40px;
}

#versionSwitch + form .sTab.klimaaktiv .ovBox {
    top: 0;
}

.sTab.klimaaktiv .ovBox.Bronze .pointsTotal,
.sTab.klimaaktiv .ovBox.Bronze .pointsTotal + .pointsTotalText {
    background-color: #cd7f32;
    border-color: #a77b58;
}
.sTab.klimaaktiv .ovBox.SilberPlus .pointsTotal,
.sTab.klimaaktiv .ovBox.SilberPlus .pointsTotal + .pointsTotalText,
.sTab.klimaaktiv .ovBox.Silber .pointsTotal,
.sTab.klimaaktiv .ovBox.Silber .pointsTotal + .pointsTotalText {
  background-color: #ddddde;
  border-color: #ddddde;
}

.sTab.klimaaktiv .ovBox.GoldPlus .pointsTotal,
.sTab.klimaaktiv .ovBox.GoldPlus .pointsTotal + .pointsTotalText,
.sTab.klimaaktiv .ovBox.Gold .pointsTotal,
.sTab.klimaaktiv .ovBox.Gold .pointsTotal + .pointsTotalText {
    background-color: #F0CF00;
    border-color: #f0cf00
}
.sTab.klimaaktiv .ovBox.Bronze .zBox:before{
  content: 'Bronze';
  color: #000;
}
.sTab.klimaaktiv .ovBox.Silber .zBox:before {
  content: 'Silber';
  color: #000;
}
.sTab.klimaaktiv .ovBox.SilberPlus .zBox:before {
  content: 'Silber+';
}
.sTab.klimaaktiv .ovBox.Gold .zBox:before {
  content: 'Gold';
  color: #000;
}
.sTab.klimaaktiv .ovBox.GoldPlus .zBox:before {
  content: 'Gold+';
  color: #000;
}

.sTab.klimaaktiv .ovBox .zBox:before {
  font-weight: bold;
  position: absolute;
  padding: 5px;
  top: 0;
  right: 8px;
}





#versionSwitch li span.pTotal.Bronze {
    background-color: #cd7f32;
    color: #fff;
}
#versionSwitch li span.pTotal.Silber {
    background-color: #c0c0c0;
    color: #fff;
}
#versionSwitch li.active span.pTotal.Silber {
    background-color: #c0c0c0;
    color: #000;
}
#versionSwitch li span.pTotal.Gold {
    background-color: gold;
}
#versionSwitch li span.pTotal.Bronze:after{
    content: 'Bronze';
    padding-left: 1em
}
#versionSwitch li span.pTotal.Silber:after{
    content: 'Silber';
    padding-left: 1em
}
#versionSwitch li span.pTotal.Gold:after{
    content: 'Gold';
    padding-left: 1em
}



/* OK-CHECK */


.sTab.klimaaktiv .fsStruct .withNGrp .nGrp div {
    visibility: hidden;
}

.sTab.klimaaktiv .fsStruct .bTab.enabledOkCheck .nGrp div,
.sTab.klimaaktiv .fsStruct.enabledOkCheck .nGrp div {
    visibility:visible;
}
.bTab.klimaaktiv .nGrp div,
.sTab.klimaaktiv .fsStruct div.item .nGrp div {
  border-color: #999;
}


/* nGrp ende */