<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">button:hover {
/*border               : none; */
}
.stages {
  height               : 60px;
  width                : 100%;
/*max-width            : 699px; */
  overflow             : hidden;
  margin-bottom        : 30px;
}
.stages:after {
  content              : '';
  display              : table;
  clear                : both;
}
#lyteBox .stages {
  margin-bottom        : 16px;
}
.stages + * {
  padding-top          : 0;
  margin-top           : 0;
}

.downFeld .stages,
#lyteBox  .stages {
  height               : 2.25rem;
}
.stages A {
  text-decoration      : none;
}
.stages .num {
  display              : inline-block;
  font-size            : 2.25rem;
  line-height          : 46px;
  color                : rgba(0,0,0,0.4);
  font-family          : BioSansLight, 'Segoe UI Light', sans-serif;
  font-weight          : 100;
}
.downFeld .stages .num,
#lyteBox  .stages .num {
  font-size            : 20px;
  line-height          : 26px;
}
.stages .text {
  display              : inline-block;
  padding              : 5px 0 0 9px;
  font-size            : 22px;
  line-height          : 24px;
  color                : rgba(0,0,0,0.5);
  text-align           : left;
}
.downFeld .stages .text,
#lyteBox  .stages .text {
  padding              : 8px 0 0 6px;
  font-size            : 16px;
  line-height          : 16px;
}
.stage_past,
.stage_present,
.stage_future {
  pointer-events       : none;
  position             : relative;
  vertical-align       : bottom;
  height               : 60px;
  width                : 25%;
  box-sizing           : border-box;
  white-space          : nowrap;
  text-decoration      : none;
  text-align           : left;
  float                : left;
  border-radius        : 0;
  border               : none;
  border-right         : 17px solid white; /* hier (NUR hier) wird der weisse Abstand gesetzt (breite - 30px) */
  padding              : 7px 20px 10px 2%;
  background-color     : rgb(229,229,229);
  font-family          : BioSansLight, 'Segoe UI Light', sans-serif;
  font-weight          : 100;
  -moz-transition      : all 0.2s;
  -webkit-transition   : all 0.2s;
  -o-transition        : all 0.2s;
  -ms-transition       : all 0.2s;
  transition           : all 0.2s;
}
.downFeld .stages .stage_past,
.downFeld .stages .stage_present,
.downFeld .stages .stage_future,
#lyteBox  .stages .stage_past,
#lyteBox  .stages .stage_present,
#lyteBox  .stages .stage_future {
  height               : 2.25rem;
  border-right         : 11px solid white;
  padding              : 5px 10px 5px 2%;
}
.stage_past,
.stage_future {
  color                : rgb(102,102,102);
  cursor               : pointer;
  }
.stage_present {
  background           : rgb(204,204,204);
}
.stage_present .num {
  color                : rgba(0,0,0,0.5);
}
.stage_present .text {
  color                : rgba(0,0,0,0.6);
}
.stage_past:hover {
  background           : rgb(217,217,217);
}
.stage_future {
  cursor               : default;
  -ms-filter           : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
  filter               : alpha(opacity=30);
  -moz-opacity         : 0.3;
  -khtml-opacity       : 0.3;
  opacity              : 0.3;
}

.stage_present::after {
  content              : '';
  width                : 0;
  height               : 0;
  border-top           : 30px solid transparent;
  border-bottom        : 30px solid transparent;
  border-left          : 15px solid rgb(204,204,204);
  position             : absolute;
  right                : -15px;
  top                  : 0;
  -moz-transition      : all 0.2s;
  -webkit-transition   : all 0.2s;
  -o-transition        : all 0.2s;
  -ms-transition       : all 0.2s;
  transition           : all 0.2s;
}
.downFeld .stages .stage_present::after,
#lyteBox  .stages .stage_present::after {
  border-top           : 18px solid transparent;
  border-bottom        : 18px solid transparent;
  border-left          : 9px solid rgb(204,204,204);
  right                : -9px;
}
.stage_past::after,
.stage_future::after {
  content              : '';
  width                : 0;
  height               : 0;
  border-top           : 30px solid transparent;
  border-bottom        : 30px solid transparent;
  border-left          : 15px solid rgb(229,229,229);
  position             : absolute;
  right                : -15px;
  top                  : 0;
  -moz-transition      : all 0.2s;
  -webkit-transition   : all 0.2s;
  -o-transition        : all 0.2s;
  -ms-transition       : all 0.2s;
  transition           : all 0.2s;
}
.downFeld .stages .stage_past::after,
.downFeld .stages .stage_future::after,
#lyteBox  .stages .stage_past::after,
#lyteBox  .stages .stage_future::after {
  border-top           : 18px solid transparent;
  border-bottom        : 18px solid transparent;
  border-left          : 9px solid rgb(229,229,229);
  right                : -9px;
}
.stage_past:hover::after {
  border-left          : 15px solid rgb(217,217,217);
}
.downFeld .stages .stage_past:hover::after,
#lyteBox  .stages .stage_past:hover::after {
  border-left          : 9px solid rgb(217,217,217);
}
.stage_present::before {
  content              : '';
  width                : 0;
  height               : 0;
  border-top           : 30px solid rgb(204,204,204);
  border-bottom        : 30px solid rgb(204,204,204);
  border-left          : 15px solid transparent;
  position             : absolute;
  left                 : -15px;
  top                  : 0;
  -moz-transition      : all 0.2s;
  -webkit-transition   : all 0.2s;
  -o-transition        : all 0.2s;
  -ms-transition       : all 0.2s;
  transition           : all 0.2s;
}
.downFeld .stages .stage_present::before,
#lyteBox  .stages .stage_present::before {
  border-top           : 18px solid rgb(204,204,204);
  border-bottom        : 18px solid rgb(204,204,204);
  border-left          : 9px solid transparent;
  left                 : -9px;
}
.stage_past::before,
.stage_future::before {
  content              : '';
  width                : 0;
  height               : 0;
  border-top           : 30px solid rgb(229,229,229);
  border-bottom        : 30px solid rgb(229,229,229);
  border-left          : 15px solid transparent;
  position             : absolute;
  left                 : -15px;
  top                  : 0;
  -moz-transition      : all 0.2s;
  -webkit-transition   : all 0.2s;
  -o-transition        : all 0.2s;
  -ms-transition       : all 0.2s;
  transition           : all 0.2s;
}
.downFeld .stages .stage_past::before,
.downFeld .stages .stage_future::before,
#lyteBox  .stages .stage_past::before,
#lyteBox  .stages .stage_future::before {
  border-top           : 18px solid rgb(229,229,229);
  border-bottom        : 18px solid rgb(229,229,229);
  border-left          : 9px solid transparent;
  position             : absolute;
  left                 : -9px;
}
.stage_past:hover::before {
  border-top           : 30px solid rgb(217,217,217);
  border-bottom        : 30px solid rgb(217,217,217);
}
.downFeld .stages .stage_past:hover::before,
#lyteBox  .stages .stage_past:hover::before {
  border-top           : 18px solid rgb(217,217,217);
  border-bottom        : 18px solid rgb(217,217,217);
}</pre></body></html>