h1 {
  font-size: 1.8rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.3rem;
}

.jvs-order-process-nav {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.empty-field {
  background-color: yellow;
}

.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}

.button-continue {
  position: fixed;
  top: 120px;
  right: 10px;
}

.button-back {
  position: fixed;
  top: 120px;
  left: 10px;
}

.delayedContent {
  display:none;
}

#waitingTooLong {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(100,100,100,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

#waiting {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #80002d; /* JVS Rot */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  vertical-align: middle;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

a.text-decoration-none:hover {
  text-decoration: none;
}

.unzer-payment {
  padding: 2px 0;
}

.unzer-payment:hover {
  cursor: pointer;
  background-color: #f6f6f6;
}

.unzer-payment {
  margin-right: 2em;
}

.unzer-payment input:disabled + .form-check-label {
    cursor: not-allowed;
}

