@charset "UTF-8";
/*
 * Unterstützerzähler
 */
.ebi-counter {
  background-color: transparent;
  margin: 2em 0 0 0; }

.ebi-counter .ebi-sc-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .ebi-counter .ebi-sc-head .ebi-sc-title h3 {
    margin: 0;
    padding: 0 0 0.2em 0; }

.ebi-counter .ebi-sc-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
.ebi-counter .ebi-sc-bars {
  flex: 100%;
  transform: skewX(-3deg) skewY(0deg) rotate(0deg); }
  .ebi-counter .ebi-sc-bars .bar-goal {
    height: 48px; }
  .ebi-counter .ebi-sc-bars .bar-count {
    height: auto; }
  .ebi-counter .ebi-sc-bars .bar-goal, .ebi-counter .ebi-sc-bars .bar-count {
    display: flex; }
    .ebi-counter .ebi-sc-bars .bar-goal .bar-inner, .ebi-counter .ebi-sc-bars .bar-goal .bar-inner-rest, .ebi-counter .ebi-sc-bars .bar-count .bar-inner, .ebi-counter .ebi-sc-bars .bar-count .bar-inner-rest {
      display: block;
      position: relative; }
      .ebi-counter .ebi-sc-bars .bar-goal .bar-inner > span, .ebi-counter .ebi-sc-bars .bar-goal .bar-inner-rest > span, .ebi-counter .ebi-sc-bars .bar-count .bar-inner > span, .ebi-counter .ebi-sc-bars .bar-count .bar-inner-rest > span {
        display: block;
        position: relative;
        font-weight: bold;
        line-height: 1em;
        padding: 5px 8px;
        letter-spacing: 0.01em; }
  .ebi-counter .ebi-sc-bars .bar-goal .bar-inner {
    width: 100%;
    height: auto;
    background-color: #ffcc00;
    position: relative;
    margin: 1px; }
  .ebi-counter .ebi-sc-bars .bar-goal .bar-treshold {
    position: absolute;
    width: 20%;
    height: 100%;
    border-right: 3px dashed #444444;
    background-color: #ffcc00; }
  .ebi-counter .ebi-sc-bars .bar-goal .bar-treshold span.treshold, .ebi-counter .ebi-sc-bars .bar-goal .bar-inner span.goal {
    display: block;
    position: absolute;
    font-size: 17.76px;
    font-weight: normal;
    line-height: 1em;
    color: #444444;
    padding: 5px 8px;
    top: 0;
    right: 0; }
  .ebi-counter .ebi-sc-bars .bar-count {
    margin-top: -20.64px;
    display: flex;
    justify-content: flex-start; }
    .ebi-counter .ebi-sc-bars .bar-count .bar-inner > span, .ebi-counter .ebi-sc-bars .bar-count .bar-inner-rest > span {
      opacity: 1; }
      .ebi-counter .ebi-sc-bars .bar-count .bar-inner > span.count, .ebi-counter .ebi-sc-bars .bar-count .bar-inner-rest > span.count {
        padding-top: 4px;
        padding-bottom: 2px;
        font-size: 21px;
        font-size: 1.35rem; }
      .ebi-counter .ebi-sc-bars .bar-count .bar-inner > span.percentage, .ebi-counter .ebi-sc-bars .bar-count .bar-inner-rest > span.percentage {
        transition: opacity 1000ms;
        padding-top: 2px;
        padding-bottom: 5px;
        font-size: 15px;
        font-size: 0.97rem;
        font-weight: normal; }
        .ebi-counter .ebi-sc-bars .bar-count .bar-inner > span.percentage.hidden, .ebi-counter .ebi-sc-bars .bar-count .bar-inner-rest > span.percentage.hidden {
          opacity: 0; }
    .ebi-counter .ebi-sc-bars .bar-count .bar-inner {
      height: auto;
      border: 1px solid white;
      background: #19338f;
      box-shadow: 2px 4px 8px rgba(25, 51, 143, 0.2);
      background: linear-gradient(135deg, #19338f 25%, #2144BF 25%, #2144BF 50%, #19338f 50%, #19338f 75%, #2144BF 75%);
      background-size: 50px 50px; }
      .ebi-counter .ebi-sc-bars .bar-count .bar-inner > span {
        color: white;
        text-shadow: -2px 0 #19338f, 0 2px #19338f, 2px 0 #19338f, 0 -2px #19338f;
        text-align: right; }
      .ebi-counter .ebi-sc-bars .bar-count .bar-inner.hide > span {
        opacity: 0; }
    .ebi-counter .ebi-sc-bars .bar-count .bar-inner-rest {
      height: auto;
      border: 1px solid transparent;
      display: flex;
      flex-direction: row; }
      .ebi-counter .ebi-sc-bars .bar-count .bar-inner-rest > span {
        color: #19338f;
        display: flex;
        flex-direction: column-reverse; }
      .ebi-counter .ebi-sc-bars .bar-count .bar-inner-rest.hide > span {
        display: none; }

.ebi-counter.inViewport .ebi-sc-bars .bar-count .bar-inner {
  animation: bar-animation 3s linear infinite; }

.ebi-counter.goal-reached .bar-inner > span {
  color: #19338f; }
.ebi-counter.goal-reached .ebi-sc-bars .bar-goal .bar-inner {
  background-color: rgba(177, 191, 241, 0.5); }
.ebi-counter.goal-reached .ebi-sc-bars .bar-count .bar-inner {
  animation: none;
  background: #19338f; }
  .ebi-counter.goal-reached .ebi-sc-bars .bar-count .bar-inner > span {
    text-shadow: none; }

.ebi-counter .ebi-sc-hint p {
  margin: 0;
  padding: 0.2em 0 0.4em 0; }
  .ebi-counter .ebi-sc-hint p > span {
    display: block;
    white-space: nowrap; }
    .ebi-counter .ebi-sc-hint p > span.treshold {
      margin-right: 0.6em; }

@-webkit-keyframes bar-animation {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 50px 50px; } }
/*
 * EBI Treshold reached in x Countries
 */
ul.ebi-th-sum {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 0.4em 0 0.4em 0;
  list-style: none; }
  ul.ebi-th-sum > li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 5px 6px 4px 6px;
    margin: 0 6px 6px 0;
    background-color: rgba(177, 191, 241, 0.5);
    transform: skewX(-3deg) skewY(0deg) rotate(0deg);
    line-height: 1em; }
    ul.ebi-th-sum > li .text {
      color: #19338f;
      letter-spacing: 0.01em; }
    ul.ebi-th-sum > li .icon {
      margin-left: 0.3em;
      border: 2px solid #B1BFF1;
      background-color: white;
      width: 1.2em;
      height: 1.2em;
      border-radius: 2em;
      margin-top: -1px; }
    ul.ebi-th-sum > li.reached {
      background-color: #19338f; }
      ul.ebi-th-sum > li.reached .text {
        font-weight: bold;
        letter-spacing: 0.02em;
        padding-left: 2px;
        padding-right: 2px;
        color: white; }
      ul.ebi-th-sum > li.reached .icon {
        border: 2px solid rgba(255, 255, 255, 0.3);
        background-color: rgba(255, 255, 255, 0.3);
        color: white; }
      ul.ebi-th-sum > li.reached .icon:before {
        display: block;
        position: absolute;
        font-size: 1.8em;
        font-family: 'entypo-fontello';
        content: "\2713";
        text-shadow: 0 0 4px #19338f;
        margin-left: -3px; }

/*
 * Growth (Wachstumsdiagramm)
 */
.ebi-growth {
  padding: 2em;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: row; }
  .ebi-growth > canvas {
    margin: 0 auto;
    max-width: 720px; }

/*# sourceMappingURL=ebi-counter.css.map */