.gradient-custom {
  /* fallback for old browsers */
  background: #6a11cb;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(33, 47, 176, 0.9), rgba(37, 117, 252, 0.9));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(140deg, rgba(33, 47, 176, 0.9), rgba(6, 111, 191, 0.9));
}

body {
  font-family: 'Squada One', sans-serif !important;
}

/* Custom Kontakt Button */
.btn-outline-custom {
    --bs-btn-color: #ffffff;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #4cf9fa;
    --bs-btn-hover-bg: #0c88e869;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffffff;
    --bs-gradient: none;
}

h1 {
  font-size: 50px;
}

.grid-container{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  justify-content: center;
  text-align: center;
}