.input-group-text {
  background-color: #ffffff;
  color: #002b5c;
  padding: 0.55rem 0.75rem;
  font-weight: 400;
  font-size: 0.8rem;
  border: none;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}


/* H3 GRÖSSER #####################################################  */

.webform-progress-tracker .progress-title {
  font-size: 0.9rem;
  font-weight: 500;
}



/* H2 & H3 TYPEWRITER #####################################################  */

@keyframes typewriter {
  from { max-width: 0ch }
  to { max-width: 40ch } /* Zeichenanzahl anpassen */
}

@keyframes blinkCursor {
  0%, 100% { border-right-color: transparent }
  50% { border-right-color: black }
}

@keyframes removeCursor {
  to { border-right-color: transparent }
}

.webform-submission-form h2,
.webform-submission-form h3,
.webform-client-form h2,
.webform-client-form h3 {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-family: monospace;
  font-size: 1.5rem;
  border-right: 2px solid black;
  max-width: 0ch;
  animation:
    typewriter 2.8s steps(40, end) forwards,
    blinkCursor 0.75s step-end 2.8s 3,
    removeCursor 0s 5.2s forwards;
}






/* LABEL ANIMATION #####################################################  */

@keyframes typewriterClean {
  from { max-width: 0ch }
  to { max-width: 40ch }
}

.webform-submission-form label,
.webform-client-form label {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-family: monospace;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  max-width: 0ch;
  animation: typewriterClean 1.6s steps(40, end) forwards;
  border-right: none;
}

/* Zufällige Delay-Klassen – manuell rotierbar */
.label-delay-0 { animation-delay: 0s; }
.label-delay-1 { animation-delay: 0.1s; }
.label-delay-2 { animation-delay: 0.2s; }
.label-delay-3 { animation-delay: 0.3s; }
.label-delay-4 { animation-delay: 0.4s; }
.label-delay-5 { animation-delay: 0.5s; }

/* FOOTER ABSTAND ERHÖHEN  #####################################################  */

  .webform-submission-form {
    padding-bottom: 60px !important;
  }