html, body, dialog {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  background-color: #212121;
  color: #000000;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  z-index: -1;
}

html.overflowWhenVisible:not(.visible) {
  overflow: hidden;
}

html:has(iframe.open),
html:has(iframe.opened) {
  overflow: hidden;
}

html, body {
  width: 100%;
  max-width: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

button {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.centerAll {
  display: flex;
  justify-content: center;
  align-items: center;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

:not(.slow-transition) * {
  transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
  box-sizing: border-box;
}
:not(.slow-transition) * ::after, :not(.slow-transition) * ::before {
  transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
  box-sizing: border-box;
}

.slow-transition * {
  transition: all 5s !important;
  box-sizing: border-box;
}
.slow-transition * ::after, .slow-transition * ::before {
  transition: all 5s !important;
  box-sizing: border-box;
}

iframe {
  border: none !important;
  outline: none !important;
}

.widthAvailable {
  width: 100%;
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
}

.h-s {
  font-family: "Poppins";
  font-weight: 400;
  font-style: normal;
}

* {
  font-family: "Poppins";
  font-weight: 400;
  font-style: normal;
  box-sizing: content-box;
}

.title, .newsletterAbo .emailInput #newsletterBtn {
  line-height: 2.5rem;
  font-family: "Agrandir Bold";
  font-weight: 600;
  color: #EEEEEE;
}

.text {
  line-height: 2em;
  font-family: "Poppins";
  color: #EEEEEE;
}

p, a, h1, h2, h3, h4, h5, h6, li {
  text-wrap: wrap;
  word-break: break-word;
  word-wrap: anywhere;
}

body {
  --mobile: 0;
}

@media (width < 1200px) {
  body {
    --mobile: 1;
  }
}
*::-moz-selection {
  background: #c53cf5;
  color: white;
}
*::selection {
  background: #c53cf5;
  color: white;
}

.defaultElementOnMainPage {
  color: #EEEEEE;
  font-family: "Poppins";
  font-weight: 400;
  font-style: normal;
  font-size: clamp(0.6em, 0.7111111111em + 0.8888888889vw, 1.6em);
  line-height: clamp(1.4em, 1.4222222222em + 0.1777777778vw, 1.6em);
}

.defaultMainElement {
  width: 80%;
  margin: 0 auto;
  text-align: justify;
  align-self: center;
}

@media (width < 200px) {
  * {
    word-wrap: anywhere;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
.imageFade10 {
  position: relative;
}
.imageFade10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10%;
  z-index: 1000;
  background: linear-gradient(to bottom, #212121, rgba(33, 33, 33, 0));
}
.imageFade10::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 10%;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0), #212121);
}

.imageFade15 {
  position: relative;
}
.imageFade15::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15%;
  z-index: 1000;
  background: linear-gradient(to bottom, #212121, rgba(33, 33, 33, 0));
}
.imageFade15::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  z-index: 1000;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0), #212121);
}

.imageFade20 {
  position: relative;
}
.imageFade20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  z-index: 1000;
  background: linear-gradient(to bottom, #212121, rgba(33, 33, 33, 0));
}
.imageFade20::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  z-index: 1000;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0), #212121);
}

.imageFade25 {
  position: relative;
}
.imageFade25::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25%;
  z-index: 1000;
  background: linear-gradient(to bottom, #212121, rgba(33, 33, 33, 0));
}
.imageFade25::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  z-index: 1000;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0), #212121);
}

.imageFade30 {
  position: relative;
}
.imageFade30::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  z-index: 1000;
  background: linear-gradient(to bottom, #212121, rgba(33, 33, 33, 0));
}
.imageFade30::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  z-index: 1000;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0), #212121);
}

.imageFade35 {
  position: relative;
}
.imageFade35::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 35%;
  z-index: 1000;
  background: linear-gradient(to bottom, #212121, rgba(33, 33, 33, 0));
}
.imageFade35::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35%;
  z-index: 1000;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0), #212121);
}

html, body {
  background: #212121;
}

a {
  color: #c53cf5;
  text-decoration: none;
}

a:hover {
  color: #920ac1;
}

@font-face {
  font-family: "Agrandir Bold";
  src: url("../../fonts/AgrandirBold.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins-Regular.ttf") format("truetype");
}
#copyrightETC {
  border-top: 1px solid #424242;
  padding-top: 3%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#footers {
  display: flex;
  justify-content: space-evenly;
}

.copyright {
  text-align: center;
  color: #EEEEEE;
  padding: 20px;
  font-size: clamp(0.6em, 0.6444444444em + 0.3555555556vw, 1em);
  width: 80%;
  margin: 10px auto;
  padding-block: 5px;
}

.contactFormFooter {
  width: 25%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, min-content);
  grid-column-gap: 0px;
  grid-row-gap: 5px;
  color: #EEEEEE;
  height: -moz-min-content;
  height: min-content;
}

.contactFormFooter p {
  font-size: clamp(0.8em, 0.8222222222em + 0.1777777778vw, 1em);
  padding: 0;
  margin: 0;
  height: -moz-min-content;
  height: min-content;
  cursor: pointer;
}

.contactFormFooter h3,
.footerMenu h3,
.newsletterAbo h3 {
  grid-area: 1/1/2/2;
  font-size: clamp(1.3em, 1.3222222222em + 0.1777777778vw, 1.5em);
  margin-bottom: 5px;
}

.contactFormFooter a {
  display: flex;
  flex-direction: row;
  margin-left: 0.5em;
}

.contactFormFooter .mobile {
  grid-area: 2/1/3/2;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.contactFormFooter .email {
  grid-area: 3/1/4/2;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.contactFormFooter .insta {
  grid-area: 4/1/5/2;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.contactFormFooter .linkedIn {
  grid-area: 5/1/6/2;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.footerMenu {
  width: 25%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, min-content);
  grid-column-gap: 0px;
  grid-row-gap: 5px;
  color: #EEEEEE;
  height: -moz-min-content;
  height: min-content;
}

.footerMenu h3 {
  grid-area: 1/1/2/2;
}

.footerMenu a {
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
}

.footerMenu .footerHome {
  grid-area: 2/1/3/2;
}

.footerMenu .footerCompetition {
  grid-area: 3/1/4/2;
}

.footerMenu .footerNews {
  grid-area: 4/1/5/2;
}

.footerMenu .footerAboutUs {
  grid-area: 5/1/6/2;
}

.footerMenu .footerSponsoring {
  grid-area: 6/1/7/2;
}

.footerMenu .footerContact {
  grid-area: 7/1/8/2;
}

.newsletterAbo {
  width: 25%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #EEEEEE;
  height: -moz-min-content;
  height: min-content;
}

.newsletterAbo h3 {
  grid-area: 1/1/2/2;
}

.newsletterAbo .emailInput {
  grid-area: 2/1/3/2;
  display: grid;
  grid-template-columns: 70% 30%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.newsletterAbo .emailInput #emailNewsletter {
  grid-area: 1/1/2/2;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  outline: none;
  border: none;
  box-shadow: none;
  background: transparent;
  color: #EEEEEE;
  caret-color: #c53cf5;
  font-size: clamp(0.7em, 0.7555555556em + 0.4444444444vw, 1.2em);
  padding: 0;
  border-bottom: 3px solid #c53cf5;
}

.newsletterAbo .emailInput #emailNewsletter::-moz-placeholder {
  color: #bbbbbb;
}

.newsletterAbo .emailInput #emailNewsletter::placeholder {
  color: #bbbbbb;
}

.newsletterAbo .emailInput #emailNewsletter::-moz-selection {
  background-color: #c53cf5;
  color: #EEEEEE;
}

.newsletterAbo .emailInput #emailNewsletter::selection {
  background-color: #c53cf5;
  color: #EEEEEE;
}

.newsletterAbo .emailInput #emailNewsletter.error {
  border-bottom: 3px solid #830000;
}

.newsletterAbo .emailInput #newsletterBtn {
  grid-area: 1/2/2/3;
  width: 100%;
  height: 100%;
  font-size: clamp(0.6em, 0.6888888889em + 0.7111111111vw, 1.4em);
  background-color: #c53cf5;
  color: #EEEEEE;
  cursor: pointer;
  text-align: center;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
}

.newsletterAbo .emailInput #newsletterBtn:hover {
  background-color: #b60cf2;
}

.newsletterAbo .emailInput #newsletterBtn:active {
  background-color: #d36df7;
}

.newsletterAbo .emailInput #newsletterBtn.success .success {
  display: block;
}
.newsletterAbo .emailInput #newsletterBtn.success .default {
  display: none;
}

.newsletterAbo .emailInput #newsletterBtn .success {
  display: none;
}

.newsletterAbo .emailInput #newsletterBtn.error {
  border-bottom: 3px solid #830000;
}

.newsletterAbo .emailInput:has(#newsletterBtn.success) #emailNewsletter {
  border-bottom: 3px solid #019225;
}

.newsletterAbo .emailInput:has(#newsletterBtn.success) #newsletterBtn {
  background-color: #019225;
}

#rights {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2em;
  font-size: clamp(0.8em, 0.8111111111em + 0.0888888889vw, 0.9em);
  padding: 0px;
  margin: 0px;
}

#rights a {
  color: #c53cf5;
  text-decoration: none;
  cursor: pointer;
}

#rights a:hover {
  color: #b60cf2;
}

#rights a:active {
  color: #d36df7;
}

@media (width <= 1200px) and (width > 650px) {
  #footers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin: 2em;
  }
  #footers .contactFormFooter,
  #footers .footerMenu,
  #footers .newsletterAbo {
    width: 100%;
  }
  #footers .contactFormFooter {
    grid-area: 1/1/2/2;
  }
  #footers .footerMenu {
    grid-area: 1/2/2/3;
  }
  #footers .newsletterAbo {
    grid-area: 2/1/3/3;
  }
}
@media (width <= 650px) {
  #footers {
    flex-direction: column;
  }
  #footers .contactFormFooter,
  #footers .footerMenu,
  #footers .newsletterAbo {
    width: 95%;
    margin: auto;
    margin-top: 5%;
  }
  .mobile {
    container-type: inline-size;
  }
  .mobile a {
    text-wrap: nowrap;
  }
  @container (width < 450px) {
    .mobile .mobileSecondPart {
      display: none;
      text-wrap: wrap;
    }
  }
}
@media (width < 450px) {
  #footers {
    align-content: center;
    justify-content: center;
    text-align: center;
  }
  #footers .contactFormFooter p {
    justify-content: center;
  }
  #footers .contactFormFooter,
  #footers .footerMenu,
  #footers .newsletterAbo {
    align-content: center;
    justify-content: center;
    text-align: center;
  }
  #footers .contactFormFooter p {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 10%;
  }
  #footers .contactFormFooter a {
    justify-content: center;
  }
  #footers .footerMenu a {
    width: 100%;
    text-align: center;
  }
}/*# sourceMappingURL=allStyles.css.map */