.annual-accounts {
  position: relative; }
  .annual-accounts h3 {
    color: #64a8c4;
    margin-bottom: 20px; }
    .annual-accounts h3 a {
      color: #64a8c4; }
      .annual-accounts h3 a:hover {
        text-decoration: underline; }
    @media (max-width: 736px) {
      .annual-accounts h3 span {
        padding-top: 4px;
        display: block; } }
  .annual-accounts h4 {
    font-size: 15px;
    color: #64a8c4;
    margin-bottom: 15px;
    font-weight: bold; }
  .annual-accounts__table {
    width: 100%;
    font-size: 16px;
    margin-bottom: 15px; }
    @media (max-width: 736px) {
      .annual-accounts__table {
        display: block; } }
    .annual-accounts__table__head, .annual-accounts__table__data {
      border-bottom: 1px solid #999;
      padding: 8px;
      border-left: 20px solid #fff;
      vertical-align: top;
      position: relative; }
      .is--ie .annual-accounts__table__head:before, .is--ie .annual-accounts__table__data:before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: -20px;
        width: 20px;
        height: 2px;
        background-color: #fff; }
      .annual-accounts__table__head:first-child, .annual-accounts__table__data:first-child {
        border-left: 0; }
      .annual-accounts__table__head:last-child, .annual-accounts__table__data:last-child {
        text-align: right; }
      @media (max-width: 736px) {
        .annual-accounts__table__head, .annual-accounts__table__data {
          display: block;
          border-bottom: 0 none;
          border-left: 0 none;
          padding-top: 4px;
          padding-bottom: 4px; }
          .annual-accounts__table__head:first-child, .annual-accounts__table__data:first-child {
            padding-top: 8px; }
          .annual-accounts__table__head:nth-child(2):before, .annual-accounts__table__data:nth-child(2):before {
            content: "2019: ";
            color: #ccb76d;
            font-weight: bold; }
          .annual-accounts__table__head:last-child, .annual-accounts__table__data:last-child {
            border-bottom: 1px solid #999;
            text-align: left;
            padding-bottom: 8px; }
            .annual-accounts__table__head:last-child:before, .annual-accounts__table__data:last-child:before {
              content: "2020: ";
              color: #64a8c4;
              font-weight: bold; } }
    .annual-accounts__table__head {
      color: #64a8c4;
      border-top: 2px solid #64a8c4;
      border-bottom-color: #64a8c4;
      border-bottom-width: 2px;
      font-weight: normal;
      font-family: 'latobold'; }
      .is--ie .annual-accounts__table__head:after {
        content: "";
        position: absolute;
        top: -2px;
        left: -20px;
        width: 20px;
        height: 2px;
        background-color: #fff; }
      .annual-accounts__table__head--past {
        border-bottom-color: #ccb76d;
        border-top-color: #ccb76d;
        color: #ccb76d; }
      @media (max-width: 736px) {
        .annual-accounts__table__head {
          border-bottom: 2px solid #64a8c4; }
          .annual-accounts__table__head:last-child, .annual-accounts__table__head:nth-child(2) {
            display: none; } }
      tfoot .annual-accounts__table__head {
        color: #000; }
        @media (max-width: 736px) {
          tfoot .annual-accounts__table__head {
            border: 0 none;
            display: block; }
            tfoot .annual-accounts__table__head:last-child, tfoot .annual-accounts__table__head:nth-child(2) {
              display: block; }
            tfoot .annual-accounts__table__head:last-child {
              border-bottom: 2px solid #64a8c4; } }
    .annual-accounts__table__data {
      transition: background-color .3s; }
      .annual-accounts__table__data a {
        color: #000; }
      .annual-accounts__table__data strong {
        font-family: 'latobold'; }
    .annual-accounts__table__spacer {
      display: block;
      height: 1px;
      background-color: #999;
      margin: 8px -8px 8px -10px; }
      @media (max-width: 736px) {
        .annual-accounts__table__spacer {
          background-color: transparent;
          height: 3px; } }
    .annual-accounts__table__indicator {
      display: inline-block;
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin-right: 6px;
      position: absolute;
      top: 13px;
      left: 8px; }
      .annual-accounts__table__indicator--1 {
        background-color: #77adc8; }
      .annual-accounts__table__indicator--2 {
        background-color: #ccb76d; }
      .annual-accounts__table__indicator--3 {
        background-color: #e1daaa; }
      .annual-accounts__table__indicator--4 {
        background-color: #d7e9f3; }
    .annual-accounts__table--projects .annual-accounts__table__head:nth-child(2), .annual-accounts__table--projects .annual-accounts__table__data:nth-child(2) {
      text-align: right; }
      @media (max-width: 736px) {
        .annual-accounts__table--projects .annual-accounts__table__head:nth-child(2), .annual-accounts__table--projects .annual-accounts__table__data:nth-child(2) {
          text-align: left; } }
    @media (max-width: 736px) {
      .annual-accounts__table--projects tfoot .annual-accounts__table__head:first-child:before {
        content: "Total: "; } }
    .annual-accounts__table--projects tr:hover .annual-accounts__table__data {
      background-color: #eaf2f7; }
    .annual-accounts__table--diagram {
      margin-bottom: 60px; }
      @media (max-width: 736px) {
        .annual-accounts__table--diagram tr {
          display: block;
          position: relative; } }
      @media (max-width: 736px) {
        .annual-accounts__table--diagram .annual-accounts__table__data:before {
          display: none; } }
      .annual-accounts__table--diagram .annual-accounts__table__data:first-child {
        width: 60%; }
        @media (max-width: 1024px) and (min-width: 737px) {
          .annual-accounts__table--diagram .annual-accounts__table__data:first-child {
            width: 50%; } }
        @media (max-width: 736px) {
          .annual-accounts__table--diagram .annual-accounts__table__data:first-child {
            width: 100%; } }
      .annual-accounts__table--diagram .annual-accounts__table__data:nth-child(2) {
        width: 30%; }
        @media (max-width: 1024px) and (min-width: 737px) {
          .annual-accounts__table--diagram .annual-accounts__table__data:nth-child(2) {
            width: 35%; } }
        @media (max-width: 736px) {
          .annual-accounts__table--diagram .annual-accounts__table__data:nth-child(2) {
            width: 100%;
            border-bottom: 1px solid #999;
            padding-bottom: 8px; } }
      @media (max-width: 736px) {
        .annual-accounts__table--diagram .annual-accounts__table__data:last-child {
          position: absolute;
          right: 0;
          bottom: 6px;
          font-size: 13px;
          border-bottom: 0;
          border-top: none; } }
      @media (min-width: 737px) {
        .annual-accounts__table--diagram tr:first-child .annual-accounts__table__data {
          border-top: 1px solid #999; }
          .is--ie .annual-accounts__table--diagram tr:first-child .annual-accounts__table__data:after {
            content: "";
            position: absolute;
            top: -2px;
            left: -20px;
            width: 20px;
            height: 2px;
            background-color: #fff; } }
    .annual-accounts__table--legend {
      margin-bottom: 80px; }
      @media (max-width: 736px) {
        .annual-accounts__table--legend thead {
          display: none; } }
      @media (max-width: 736px) {
        .annual-accounts__table--legend .annual-accounts__table__head, .annual-accounts__table--legend .annual-accounts__table__data {
          padding-left: 30px; } }
      @media (min-width: 737px) {
        .annual-accounts__table--legend .annual-accounts__table__head:nth-child(2), .annual-accounts__table--legend .annual-accounts__table__data:nth-child(2) {
          text-align: right; } }
      .annual-accounts__table--legend .annual-accounts__table__head:first-child, .annual-accounts__table--legend .annual-accounts__table__data:first-child {
        padding-left: 30px;
        position: relative; }
      .annual-accounts__table--legend tr:hover .annual-accounts__table__data {
        background-color: #eaf2f7; }
  .annual-accounts__info {
    font-size: 12px !important;
    font-family: "Lato", sans-serif !important; }
  .annual-accounts__overlay {
    position: absolute;
    top: -1000px;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.15);
    border: 1px solid #e5e5e4;
    padding: 15px 30px;
    font-size: 16px;
    opacity: 0;
    transform: translate(0, -20px);
    transition: opacity .3s, top 0s .3s, transform .3s; }
    @media (max-width: 736px) {
      .annual-accounts__overlay {
        padding: 10px; } }
    .annual-accounts__overlay.is--active {
      transition: opacity .3s, top 0s, transform .3s;
      opacity: 1;
      top: -20px;
      transform: translate(0, 0); }
    .annual-accounts__overlay h3 {
      margin-bottom: 30px; }
      @media (max-width: 736px) {
        .annual-accounts__overlay h3 {
          margin-top: 0;
          padding-right: 30px; } }
    .annual-accounts__overlay ul {
      column-count: 4;
      column-gap: 40px; }
      @media (max-width: 1024px) {
        .annual-accounts__overlay ul {
          column-count: 2; } }
      @media (max-width: 736px) {
        .annual-accounts__overlay ul {
          column-count: 1; } }
    .annual-accounts__overlay li {
      padding-left: 10px;
      padding-bottom: 8px;
      position: relative;
      break-inside: avoid-column; }
      .annual-accounts__overlay li:before {
        content: "-";
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 5px; }
      .annual-accounts__overlay li a {
        color: #000;
        transition: color .3s; }
        .annual-accounts__overlay li a:hover {
          color: #64a8c4; }
    .annual-accounts__overlay__close {
      position: absolute;
      top: 38px;
      right: 23px;
      color: #64a8c4;
      font-size: 80px;
      font-weight: 100;
      line-height: 0;
      transition: color .3s; }
      @media (max-width: 736px) {
        .annual-accounts__overlay__close {
          top: 20px;
          right: 8px;
          font-size: 50px; } }
  .annual-accounts__description {
    margin-left: auto;
    margin-right: auto;
    width: 66%;
    padding: 30px 0; }
    @media (max-width: 1024px) {
      .annual-accounts__description {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 20px; } }

.bar {
  padding-left: 50px;
  position: relative;
  display: block;
  margin-bottom: 13px;
  margin-top: 2px; }
  .bar:last-child {
    margin-bottom: 0; }
  .bar__year {
    position: absolute;
    top: -1px;
    left: 0;
    color: #64a8c4; }
  .bar__diagram {
    width: 1px;
    height: 20px;
    display: inline-block;
    background-color: #64a8c4;
    transition: width .5s; }
  .bar--past .bar__year {
    color: #ccb76d; }
  .bar--past .bar__diagram {
    background-color: #ccb76d; }

.charts {
  margin-bottom: 40px; }
  .charts svg {
    overflow: visible; }
  .charts [class*="_arc"] path {
    stroke-width: 0 !important;
    transition: fill .3s; }
  .charts__wrapper {
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 30px;
    position: relative; }
    .charts__wrapper:first-child {
      z-index: 2; }
    @media (max-width: 1024px) {
      .charts__wrapper:nth-child(3) {
        clear: both; } }
    @media (max-width: 736px) {
      .charts__wrapper {
        width: 100%;
        float: none; } }
  .charts__chart {
    height: 255px;
    position: relative;
    margin-bottom: 40px;
    z-index: 1; }
    .charts__chart.has--icons:before, .charts__chart.has--icons:after {
      content: "";
      display: inline-block;
      position: absolute;
      background-image: url("../img/gender.svg");
      background-repeat: no-repeat;
      width: 12px;
      height: 13px;
      opacity: 0;
      transition: opacity .2s 1.1s; }
    .charts__chart.has--icons:after {
      background-position: 0 -16px; }
    .charts__chart.has--icons.is--loaded:before, .charts__chart.has--icons.is--loaded:after {
      opacity: 1; }
    .charts__chart#chart-mitarbeiter-teilzeit:before {
      top: 261px;
      left: 147px; }
      @media (max-width: 1024px) and (min-width: 737px) {
        .charts__chart#chart-mitarbeiter-teilzeit:before {
          left: 70px; } }
      @media (max-width: 736px) {
        .charts__chart#chart-mitarbeiter-teilzeit:before {
          left: 67px; } }
    .charts__chart#chart-mitarbeiter-teilzeit:after {
      top: 23px;
      left: 297px; }
      @media (max-width: 1024px) and (min-width: 737px) {
        .charts__chart#chart-mitarbeiter-teilzeit:after {
          left: 222px; } }
      @media (max-width: 736px) {
        .charts__chart#chart-mitarbeiter-teilzeit:after {
          left: 217px; } }
    .charts__chart#chart-mitarbeiter-voll:before {
      top: 203px;
      left: 78px; }
      @media (max-width: 1024px) and (min-width: 737px) {
        .charts__chart#chart-mitarbeiter-voll:before {
          left: 0px; } }
      @media (max-width: 736px) {
        .charts__chart#chart-mitarbeiter-voll:before {
          left: -3px; } }
    .charts__chart#chart-mitarbeiter-voll:after {
      top: 81px;
      left: 372px; }
      @media (max-width: 1024px) and (min-width: 737px) {
        .charts__chart#chart-mitarbeiter-voll:after {
          left: 293px; } }
      @media (max-width: 736px) {
        .charts__chart#chart-mitarbeiter-voll:after {
          left: 289px; } }
    .charts__chart#chart-fuehrungskraefte:before {
      top: 122px;
      left: 72px; }
      @media (max-width: 1024px) and (min-width: 737px) {
        .charts__chart#chart-fuehrungskraefte:before {
          left: -5px; } }
      @media (max-width: 736px) {
        .charts__chart#chart-fuehrungskraefte:before {
          left: -8px; } }
    .charts__chart#chart-fuehrungskraefte:after {
      top: 163px;
      left: 379px; }
      @media (max-width: 1024px) and (min-width: 737px) {
        .charts__chart#chart-fuehrungskraefte:after {
          left: 300px; } }
      @media (max-width: 736px) {
        .charts__chart#chart-fuehrungskraefte:after {
          left: 295px; } }

.chart-legend {
  text-align: left;
  clear: left; }
  .chart-legend__icon {
    display: inline-block;
    vertical-align: middle; }
    .chart-legend__icon.is--dot {
      width: 10px;
      height: 10px;
      border-radius: 100%;
      vertical-align: 0;
      margin-right: 5px; }
    .chart-legend__icon.is--image {
      background-image: url("../img/gender.svg");
      background-repeat: no-repeat;
      width: 12px;
      height: 13px;
      margin-right: 3px; }
    .chart-legend__icon--male {
      background-position: 0 -16px; }
    .chart-legend__icon--1 {
      background-color: #aaafb2; }
    .chart-legend__icon--2 {
      background-color: #9c9c9c; }
    .chart-legend__icon--3 {
      background-color: #ccb76d; }
    .chart-legend__icon--4 {
      background-color: #e1daaa; }
    .chart-legend__icon--5 {
      margin-right: 5px; }
  @media (min-width: 1025px) {
    .chart-legend--age {
      position: absolute;
      top: 120px;
      right: -50px; } }
  @media (max-width: 1024px) {
    .chart-legend--age .chart-legend__item {
      display: inline-block;
      margin-right: 10px; } }
  .chart-legend.is--horizontal .chart-legend__item {
    display: inline-block;
    margin-right: 15px; }
@media screen and (min-width : 737px)  {
.annual-accounts__table--projects tfoot .annual-accounts__table__head:first-child:before {
        content: "Total: "!important;  }