@font-face {
  font-family: 'KGBlankSpaceSolid';
  src: url('data/KGBlankSpaceSolid.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Soft Elegance';
  src: url('data/Soft Elegance.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


html, body {
  overflow-x: hidden !important;
}

body {
  font-family: 'Soft Elegance', sans-serif;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('background.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1000;
}

h1 {
    font-family: 'KGBlankSpaceSolid', sans-serif;
}

.navbar {
  background-color: #f8b398;
  font-family: 'KGBlankSpaceSolid', sans-serif;
}

.navbar-text {
  color: black !important;
}

#home
{
  background-color: #f8b398;
}
#about {
  background-color: #f8b398;
}
#tickets {
  background-color: #f8b398;
}
#supporter {
  background-color: #f8b398;
}
#footer {
  background-color: #f8b398;
}
#datenschutz
{
  background-color: #f8b398;
}

.navbar-brand img {
  height: 100%;
  width: auto;
  max-height: 80px;
}

.supporter-card {
  background: transparent;
  border: none;
}

.tickets-card {
  background: transparent;
  border: none;
}
.tickets-card:hover, .supporter-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px 0 rgba(31, 38, 135, 0.45);
  transition: all 0.3s ease;
}

.tickets-card p, .tickets-card h5 {
  color: black !important;
  text-decoration: none;
}

.navbar-collapse{
  text-align: right !important;
}

#footer a {
  color: black !important;
}

.spacer {
  height: 20vh;
}

.spacer-nav {
  height: 100px;
}

#main {
  padding-top: 100px;
}

.section:target {
  padding-top: 100px !important;
}