:root {
	--qs: #1c86ba;
}


body {
  background: #002242;
  background-image: url(https://alglovesystems.de/wp/wp-content/uploads/2025/06/t4-min.png);
  background-size: cover;
}
.header .logo-container {
  z-index: 1;
}

#pages-container {
  border-top: 6px solid var(--qs);
  opacity: .95;
}

#pages-container h2, .contact-form h3 {
  color: #2D3C4B;
}

.qs-logo {
  padding: 0 10%;
  padding-bottom:25px;
}

.qs-logo img {
  width: 150px;
}

select:focus {
  border-color: var(--qs);
}

.page-3 form label input[type="radio"]:checked, .page-4 form input[type="radio"]:checked, .page-4 form input[type="checkbox"]:checked {
  background-color:#2D3C4B;
  border-color: #2D3C4B;
}

.page-2 form input[type="radio"]:hover, .radio-container form input[type="radio"]:hover {
  border-color: #2D3C4B;
}

.radio-container form input[type="radio"]:checked::before,
.wall-rate input[type="radio"]:checked::before,
#custom-alert-ok {
  background-color:#2D3C4B;
}
.wall-rate input[type="radio"]:checked::before {
  background-color:#2D3C4B !important;
}

.next-button, .page-5 .result-button {
  background: #3887c4;
  border: 1px solid var(--qs);
}


.next-button.active, .submit-button {
  background: var(--qs);
}

.next-button:hover, .page-5 .result-button:hover, .next-button.active:hover  {
  background: #2e72a6;
}