:root {
  /* FONTS */
  --figtree: "Figtree", system-ui, sans-serif;
  /* COLORS */
  --iso-hintergrund: white;
  --iso-vordergrund: #f2f2f2;
  --iso-dezent: #dadada;
  --iso-text: #555555;
  --iso-primary-a11y: #bb1b36;
  --iso-primary: #da1f3d;
  --iso-primary-light: #e85e75;
  --iso-primary-dark: #b31933;
  --iso-header: #da1f3d;
  --iso-header-hover: #bb1b36;
  --iso-header-active: #961228;
  --border-radius: 1rem;
}

/* SIZING */
@media (min-width: 80rem) {
  .hide-on-desktop {
    display: none !important;
  }
}

.desktop-only {
  display: none;
}
@media (min-width: 80rem) {
  .desktop-only {
    display: initial;
  }
}

.light-only {
  display: initial;
}

.dark-only {
  display: none;
}

@media (prefers-color-scheme: dark) {
  :root {
    --iso-hintergrund: #1e1e1e;
    --iso-vordergrund: #363636;
    --iso-dezent: #484848;
    --iso-text: white;
    --iso-primary-a11y: white;
  }
  .light-only {
    display: none;
  }
  .dark-only {
    display: initial;
  }
}
body.force-lightmode {
  --iso-hintergrund: white;
  --iso-vordergrund: #f2f2f2;
  --iso-dezent: #dadada;
  --iso-text: #555555;
  --iso-primary-a11y: #bb1b36;
}
body.force-lightmode .light-only {
  display: initial;
}
body.force-lightmode .dark-only {
  display: none;
}

body.force-darkmode {
  --iso-hintergrund: #1e1e1e;
  --iso-vordergrund: #363636;
  --iso-dezent: #484848;
  --iso-text: white;
  --iso-primary-a11y: white;
}
body.force-darkmode .light-only {
  display: none;
}
body.force-darkmode .dark-only {
  display: initial;
}

.hero {
  isolation: isolate;
  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: calc(100svh - 4rem);
  overflow: hidden;
  overflow: clip;
  background-color: black;
}
.hero picture {
  opacity: 0.15;
}
@media (min-width: 50rem) {
  .hero picture {
    opacity: 0.3;
  }
}
.hero .hero-contents {
  max-width: 48rem;
  margin: auto;
  padding-top: 15vh;
  color: white;
}
.hero .hero-contents h1,
.hero .hero-contents p {
  text-wrap: balance;
  color: white;
}
.hero .hero-heading {
  font-size: clamp(2rem, 8vw, 3rem);
  padding-bottom: 2rem;
  text-align: center;
}
@media (min-width: 50rem) {
  .hero .hero-heading {
    font-size: 3.5rem;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .hero .hero-heading {
    font-size: 4rem;
    padding-bottom: 3rem;
  }
}
.hero .hero-intro {
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: center;
  margin-inline: auto;
  padding-bottom: 2.5rem;
}
.hero .button-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  padding-bottom: 3rem;
}
.hero .comp--hinweis + .plakette {
  display: none !important;
}
.hero .comp--hinweis {
  background: transparent;
}
.hero .comp--hinweis .inner {
  background-color: var(--iso-primary);
  padding: 2rem;
  border-radius: var(--border-radius);
  max-width: 48rem;
}
.hero .plakette {
  z-index: -1;
  width: 90vw;
  max-width: 48rem;
  height: 80vh;
  pointer-events: none;
  fill: white;
  opacity: 0.7;
  position: absolute;
  transform-origin: center;
  transform-box: fill-box;
  bottom: 0;
  left: 50%;
  translate: -50% 50%;
  animation: youSpinMeRightRound 90s linear infinite;
}
@media (max-height: 30rem) {
  .hero .plakette {
    display: none;
  }
}

.gtue-logo {
  margin-top: 2rem;
  width: 12rem;
  max-width: 100%;
  height: auto;
}

/*# sourceMappingURL=home.css.map */