:root {
  --cc-signal-color: 255,215,0;
}
#wettkampf-counter {
  border: 1px solid rgba(var(--cc-signal-color), 1);
  box-shadow: 0 0 2.5vw rgba(var(--cc-signal-color),0.3);
}
#cc-fullscreenView  .fullscreen-container {
  border: 1px solid rgba(var(--cc-signal-color), 1);
  box-shadow: 0vw 0vw 5vw rgba(var(--cc-signal-color),0.7);
}

.hidden {
  display: none !important;
}
#competition-counter {
  line-height: 1;
}
.elementor-element-a8963a4 {
  display: flex;
  align-items: center;
}

.cc-switch {
  background-color: var(--e-global-color-primary);
  display: flex;             /* Elemente nebeneinander */
  justify-content: left;   /* horizontal zentrieren */
  align-items: center;
  white-space: nowrap;
  width: 160px;
}

.cc-pro-switch .switch,
.cc-switch .switch {
  margin-left: 0;
}
.rpm-switch-container {
  background-color: transparent;
}
#rpm-toggle-label {
  font-size: clamp(12px, 2rem, 18px);
  background-color: transparent;
}


select, input[type="number"] {
  font-size: clamp(12px, 2rem, 18px);
  padding: 0.4rem 0.6rem;
  margin: 0.3rem;
  border: 1px solid #444;
  border-radius: 0.4rem;
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-text);
}
#rpm-input {
  margin: 0;
  padding: 0 5px;
  background: #555;
}

/* === Timer Display === */
.cc-display {
  display: inline-block;
  text-align: center;
  font-size: clamp(5rem, 8vw, 11rem);
  font-weight: bold;
  margin-bottom: 1rem;
  letter-spacing: 0.3rem;
  color: var(--e-global-color-text);
  font-variant-numeric: tabular-nums;
}

.cc-rpm {
  font-variant-numeric: tabular-nums;
}
.cc-rpm_av {
  font-variant-numeric: tabular-nums;
}
.cc-counter {
  font-variant-numeric: tabular-nums;
}

#timer,
#repCounter,
#fsReps,
#fsTimer {
  font-variant-numeric: tabular-nums;
}

/* Switch-Container sauber ausrichten */
.cc-pro-switch,
.cc-switch,
.cc-rpm-switch {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0;
}

/* Falls mehrere Switch-Bereiche untereinander stehen */
.cc-pro-switch,
.cc-switch,
.cc-rpm-switch {
  width: 100%;
}

#customRounds,
#customWork,
#customRest {
    background-color: var(--e-global-color-text);
    color: var(--e-global-color-primary);
    border: 1px solid #777;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 16px;
}

#reset .elementor-button.cc-disabled {
    background: #999;
    border-color: #999;
    color: #fff;
    opacity: 0.6;
}

.hfe-site-logo-container {
  line-height: 1px;
}