.tripleSign {
  --triple-w: 25px;
  --triple-gap: 5px;
  --triple-col1: var(--dunkelblau, "#005076");
  --triple-col2: var(--blau, "#1D71B8");
  --triple-col3: var(--babyblau, "#3EA3DC");
  position: relative;
  width: calc(var(--triple-w) * 2 + var(--triple-gap));
  height: calc(var(--triple-w) * 2 + var(--triple-gap));
}
@media (max-width: 450px) {
  .tripleSign {
    --triple-w: 25px!important;
    --triple-gap: 5px!important;
  }
}
.tripleSign.box {
  --triple-col1: rgba(255,255,255,0.28);
  --triple-col2: rgba(255,255,255,0.28);
  --triple-col3: rgba(255,255,255,0.28);
  position: absolute;
  top: 0;
  right: 0;
}
.tripleSign * {
  width: var(--triple-w);
  height: var(--triple-w);
  background-color: var(--triple-col);
}
.tripleSign *:nth-child(1) {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--triple-col1);
}
.tripleSign *:nth-child(2) {
  position: absolute;
  left: calc(var(--triple-w) + var(--triple-gap));
  top: 0;
  background-color: var(--triple-col2);
}
.tripleSign *:nth-child(3) {
  position: absolute;
  left: calc(var(--triple-w) + var(--triple-gap));
  top: calc(var(--triple-w) + var(--triple-gap));
  background-color: var(--triple-col3);
}

/*# sourceMappingURL=base.css.map */