@charset "UTF-8";
@font-face {
  font-family: "Oxanium";
  src: url("../fonts/Oxanium-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900; /* Variable Font Gewichtsspanne */
  font-style: normal;
  font-display: swap; /* Für bessere Ladezeiten */
}
@font-face {
  font-family: "Lovely Sign";
  src: url("../fonts/Lovely-Sign.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Für bessere Ladezeiten */
}
@font-face {
  font-family: "Paula Sign";
  src: url("../fonts/Paula-Sign.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Für bessere Ladezeiten */
}
* {
  padding: 0;
  margin: 0;
}

h2 {
  font-family: "Oxanium", sans-serif;
  font-weight: 600; /* entspricht SemiBold */
  font-size: 1.3em;
  text-align: center;
  text-transform: uppercase;
  color: #575656;
}

h3 {
  font-family: "Oxanium", sans-serif;
  font-weight: 600; /* entspricht SemiBold */
  font-size: 1.3em;
  text-align: center;
  text-transform: uppercase;
  color: #575656;
}

a {
  color: inherit;
  text-decoration: none;
}

p {
  font-family: "Oxanium", sans-serif;
  color: #575656;
}

.lovely {
  font-family: "Paula Sign", sans-serif;
  font-size: 1em;
}

/* global classes */
.px-3 {
  padding: 0 20px;
}

.mb-3 {
  margin-bottom: 20px;
}

.text-center {
  text-align: center;
}

/* custom classes */
section {
  margin-bottom: 50px;
}

.wrapper {
  width: 100%;
  max-width: 766px;
  margin: 0 auto;
}

.hero img {
  width: 100%;
}
.hero video {
  width: 100%;
}

.social {
  padding: 0 30px;
}

.rabattcodes {
  padding: 0 30px;
}

.kooperationen {
  padding: 0 30px;
}
.kooperationen .lower-right {
  max-width: 90px;
}

.kontakt {
  padding: 0 10px;
}

.imprint {
  padding: 0 10px;
  margin-bottom: 0;
}
.imprint p {
  font-size: 1em;
  text-align: center;
}

/*
  Graue Buttons
*/
.pill-wrapper {
  position: relative;
  padding: 25px;
}
.pill-wrapper .upper-left {
  position: absolute;
  top: 0;
  left: 0;
}
.pill-wrapper .lower-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.pill-grey {
  background-color: #F7F7F7;
  border-radius: 22px;
  padding: 20px 0;
  width: 100%;
}
.pill-grey p {
  font-weight: 800; /* entspricht ExtraBold */
  text-align: center;
  color: #AD1713;
}
.pill-grey .big-text {
  font-size: 1.6em;
}
.pill-grey .small-text {
  font-size: 1em;
}

.below-grey-pills {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.below-grey-pills img {
  max-width: 72px;
  max-height: 72px;
}
.below-grey-pills img.pl-10 {
  margin-left: 10%;
}
.below-grey-pills img.pl-20 {
  margin-left: 20%;
}

footer {
  position: relative;
  height: 100%;
}
footer .footer-paula-img {
  display: block;
  width: 75%;
  height: auto;
  margin-left: auto;
}
footer .footer-herz {
  position: absolute;
  top: 30px;
  right: 30px;
  max-width: 40px;
}
footer .footer-message {
  position: absolute;
  width: 50%;
  top: 30%;
  left: 30px;
}
footer .footer-message img {
  display: block;
  max-width: 40px;
  margin-left: auto;
}
footer .footer-copyright {
  font-size: 12px;
  font-weight: 700;
  max-width: 220px;
  position: absolute;
  left: 10px;
  bottom: 20px;
}

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