@font-face {
  font-family: Futura;
  src: url('../fonts/Futura-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Futura font;
  src: url('../fonts/Futura-Heavy-font.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Futura font;
  src: url('../fonts/Futura-Heavy-Italic-font.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Futura book font;
  src: url('../fonts/Futura-Book-font.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Futura font;
  src: url('../fonts/Futura-Light-Italic-font.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Futura book font;
  src: url('../fonts/Futura-Book-Italic-font.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Futura font;
  src: url('../fonts/Futura-Medium-Italic-font.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Futura bt;
  src: url('../fonts/futura-medium-bt.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Leaguespartan;
  src: url('../fonts/LeagueSpartan-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.tp-landingpage :root {
  --yellow: #cfde34;
  --gainsboro: #e4e4e4;
  --sky-blue: #6fc2e9;
}
.tp-landingpage .w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.tp-landingpage .w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.tp-landingpage .w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}.tp-landingpage {
  max-width: 1250px;
}
.tp-landingpage .div-block {
  column-count: 2;
  background-color: #d0dd27;
  border: 15px #d0dd27;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10px;
  margin-top: 0%;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}
.tp-landingpage .image {
  width: 40%;
  margin: 5% auto 40px;
  display: block;
}
.tp-landingpage .heading {
  color: #676767;
  text-align: center;
  letter-spacing: 15px;
  text-transform: uppercase;
  margin-top: 10%;
  font-family: Leaguespartan, sans-serif;
  font-size: 50px;
  line-height: 80px;
}
.tp-landingpage .grid {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: .25fr 1fr;
  margin-top: 20px;
}
.tp-landingpage .heading-2 {
  color: #ebebeb;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0%;
  font-size: 80px;
  line-height: 60px;
  display: flex;
  transform: rotate(-90deg);
}
.tp-landingpage .heading-3 {
  background-color: var(--yellow);
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  width: 45%;
  margin-top: 0;
  margin-bottom: -2%;
  margin-left: 0%;
  padding: 10px;
  font-family: Leaguespartan, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 35px;
}
.tp-landingpage .div-block-2 {
  background-color: #6abde7;
  width: 45%;
  height: 80%;
  margin-top: 0;
  margin-bottom: 0;
}
.tp-landingpage .div-block-3 {
  background-image: linear-gradient(270deg, #d0dd27b3, #ffffff80);
  width: 400px;
  height: 25px;
}
.tp-landingpage .div-block-4 {
  background-color: #cfde34;
  border-radius: 70px;
  width: 70px;
  height: 70px;
  margin-left: -3%;
}
.tp-landingpage .text-block {
  width: 80%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: 0;
  font-family: Futura bt, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}
.tp-landingpage .text-block.t {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 60px;
  margin-left: 0%;
}
.tp-landingpage .text-block._22 {
  text-align: center;
  width: 88%;
  margin-top: 2%;
}
.tp-landingpage .heading-4 {
  font-family: Leaguespartan, sans-serif;
}
.tp-landingpage .heading-5 {
  color: #e4e4e4;
  letter-spacing: 15px;
  text-transform: uppercase;
  margin-top: 0%;
  margin-bottom: 0;
  margin-left: 3%;
  font-family: Leaguespartan, sans-serif;
  font-size: 83px;
  line-height: 80px;
  transform: rotate(-90deg);
}
.tp-landingpage .grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 15%;
  display: grid;
}
.tp-landingpage .grid-3 {
  grid-template-columns: 1fr .75fr;
  margin-top: 100px;
}
.tp-landingpage .image-2 {
  border: 70px #e4e4e4;
  border-right-width: 20px;
  width: 100%;
  display: block;
}
.tp-landingpage .div-block-5 {
  color: #e4e4e4;
  width: 100%;
}
.tp-landingpage .heading-6 {
  text-align: center;
  text-transform: uppercase;
  border-top: 1px #000;
  border-bottom: 2px solid #cfde34;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  font-family: Futura bt, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  display: inline-block;
}
.tp-landingpage .div-block-6 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.tp-landingpage .grid-4 {
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  width: 100%;
  margin-top: 140px;
}
.tp-landingpage .image-3 {
  border-top: 70px #e4e4e4;
  border-bottom: 70px #e4e4e4;
  border-right: 70px #e4e4e4;
  width: 75%;
  margin-top: 0;
  margin-bottom: -33%;
  margin-left: auto;
}
.tp-landingpage .image-3._2 {
  margin: 0% auto -25% 0;
}
.tp-landingpage .grid-5 {
  grid-template-columns: 1.75fr 1fr;
  margin-top: 60px;
}
.tp-landingpage .slider {
  background-color: #0000;
  width: auto;
  height: auto;
}
.tp-landingpage .image-4 {
  width: 100%;
}
.tp-landingpage .image-5 {
  width: 100%;
  margin-top: 75%;
  margin-left: -40%;
}
.tp-landingpage .grid-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: .5fr 1fr .5fr;
}
.tp-landingpage .image-6 {
  margin-top: -37%;
  margin-bottom: 0%;
  margin-left: 50%;
}
.tp-landingpage .image-7 {
  margin-top: auto;
  margin-bottom: 80%;
  margin-left: 35%;
}
.tp-landingpage .image-8 {
  column-count: 3;
  margin-top: auto;
  margin-bottom: 40%;
  margin-left: -35%;
}
.tp-landingpage .image-9 {
  z-index: 5;
  margin-top: 25%;
  margin-left: 50%;
  margin-right: 0%;
  position: relative;
}
.tp-landingpage .image-10 {
  margin-top: 50%;
  margin-left: -38%;
}
.tp-landingpage .icons,
.tp-landingpage .icon {
  color: #000;
}
.tp-landingpage .heading-7 {
  text-transform: uppercase;
  border-bottom: 2px solid #cfde34;
  padding-bottom: 10px;
  font-family: Futura bt, sans-serif;
  font-weight: 500;
  display: inline-block;
}
.tp-landingpage .text-block-2 {
  text-align: left;
  margin-top: 30px;
  margin-bottom: 40px;
  font-family: Futura bt, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}
.tp-landingpage .div-block-7 {
  width: 85%;
}
.tp-landingpage .image-11 {
  width: 88%;
  margin-left: auto;
  display: block;
}
.tp-landingpage .grid-7 {
  background-color: #fff;
  height: auto;
  margin-top: -27%;
}
.tp-landingpage .grid-8 {
  grid-template-rows: auto auto;
}
.tp-landingpage .div-block-8 {
  background-color: #d0dd27;
  width: 10px;
  height: 100%;
  margin-left: auto;
}
.tp-landingpage .slide-nav {
  top: auto;
  bottom: -16px;
}
.tp-landingpage .image-12 {
  display: none;
}
.tp-landingpage .button {
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #676767;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  font-family: Leaguespartan, sans-serif;
  font-weight: 700;
  display: flex;
}
.tp-landingpage .button:hover {
  color: #676767;
  background-color: #d0dd27;
}
.tp-landingpage .button.oben {
  width: 80%;
  margin-left: 0%;
}
.tp-landingpage .button.oben.links {
  background-color: #cfde34;
  justify-content: center;
  width: 88%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}
.tp-landingpage .button.oben.links:hover {
  color: #676767;
  background-color: #6abde7;
}
.tp-landingpage .button.oben.links.abschluss {
  margin-left: auto;
  margin-right: auto;
}
.tp-landingpage .button.oben.ball {
  width: 30%;
  margin-top: 0;
  margin-left: 5%;
}
.tp-landingpage .button.ball.zwei {
  width: 30%;
  height: 45px;
  margin-left: 41%;
}
.tp-landingpage .button.ball {
  width: 90%;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.tp-landingpage .div-block-9 {
  z-index: 3;
  background-color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 30px;
  position: relative;
}
.tp-landingpage .heading-8 {
  color: var(--gainsboro);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 50% auto 0 10%;
  padding-bottom: 40px;
  font-family: Leaguespartan, sans-serif;
  font-size: 70px;
  line-height: 75px;
  display: none;
  position: relative;
}
.tp-landingpage .grid-9 {
  grid-template-rows: auto auto auto;
  grid-template-columns: .5fr 1fr;
}
.tp-landingpage .div-block-10 {
  opacity: 0;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 5%;
  display: none;
}
.tp-landingpage .div-block-11 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.tp-landingpage .heading-9 {
  text-align: center;
  text-transform: uppercase;
  border-bottom: 2px solid #cfde34;
  width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  font-family: Futura bt, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 37px;
  display: block;
}
.tp-landingpage .text-block-3 {
  text-align: center;
  width: 90%;
  margin: 20px auto 40px;
  font-family: Futura bt, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}
.tp-landingpage .text-block-3._5 {
  margin-bottom: 0;
}
.tp-landingpage .columns {
  margin-top: 40px;
}
.tp-landingpage .div-block-12 {
  z-index: 3;
  background-color: #fff;
  width: 50%;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}
.tp-landingpage .div-block-12._2 {
  width: 100%;
  margin-top: 0%;
  display: block;
}
.tp-landingpage .text-block-4 {
  text-align: center;
  width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-family: Leaguespartan, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}
.tp-landingpage .text-span {
  color: #cfde34;
}
.tp-landingpage .text-block-5 {
  text-align: center;
  width: 80%;
  margin: 20px auto 40px;
  font-family: Futura bt, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.tp-landingpage .text-span-2 {
  font-size: 18px;
}
.tp-landingpage .text-span-3 {
  color: #fff;
}
.tp-landingpage .bold-text {
  color: #6abde7;
}
.tp-landingpage .gutscheincode {
  background-color: #fff;
  width: 50%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  display: block;
}
.tp-landingpage .slide,
.tp-landingpage .slide-2 {
  width: 20%;
}
.tp-landingpage .text-span-4 {
  color: #6abde7;
  font-weight: 500;
}
.tp-landingpage .image-13 {
  z-index: 5;
  width: 30%;
  margin: 10% 0 40px -8%;
  position: relative;
}
.tp-landingpage .grid-10 {
  grid-template-rows: auto;
}
.tp-landingpage .text-span-5 {
  font-size: 14px;
  line-height: 20px;
}
.tp-landingpage .text-span-5.buttontext {
  font-size: 16px;
}
.tp-landingpage .text-span-6 {
  color: #6abde7;
}
.tp-landingpage .youtube {
  margin-top: 40px;
}
.tp-landingpage .column-3,
.tp-landingpage .youtube-2 {
  margin-top: 0;
}
.tp-landingpage ._1--3 {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: block;
}
.tp-landingpage .dropdown-toggle-6 {
  white-space: normal;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 10px;
  padding-left: 0;
  display: block;
}
.tp-landingpage .dropdown-toggle-6.pro {
  white-space: normal;
  object-fit: fill;
  width: 80%;
  display: block;
}
.tp-landingpage .icon-43 {
  font-size: 16px;
}
.tp-landingpage .text-block-93 {
  text-align: left;
  text-transform: none;
  margin-right: 20px;
  font-family: Futura bt, sans-serif;
  font-size: 20px;
  font-weight: 500;
}
.tp-landingpage .dropdown-list-10 {
  background-color: #0000;
}
.tp-landingpage .dropdown-list-10.w--open {
  margin-left: 0;
  position: static;
}
.tp-landingpage .text-block-97 {
  text-align: left;
  width: 90%;
  margin: 0 auto 20px 0;
  font-family: Futura bt, sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.tp-landingpage .text-block-97.ui {
  text-align: center;
}
.tp-landingpage .div-block-14 {
  text-align: center;
  width: 90%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}
.tp-landingpage .dropdown {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.tp-landingpage .text-block-98 {
  text-align: left;
  text-transform: uppercase;
  font-family: Futura bt, sans-serif;
  font-size: 20px;
}
.tp-landingpage .dropdown-toggle-7 {
  margin-left: auto;
  margin-right: auto;
}
.tp-landingpage .heading-10 {
  color: var(--sky-blue);
  text-transform: uppercase;
  border: 1px #000;
  border-bottom: 2px solid #cfde34;
  margin-top: 0;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Futura bt, sans-serif;
  font-size: 50px;
  line-height: 50px;
  display: inline-block;
}
.tp-landingpage .grid-11 {
  grid-column-gap: 35px;
  grid-template-rows: auto auto auto auto auto auto auto auto;
}
.tp-landingpage .heading-11 {
  text-align: left;
  text-transform: uppercase;
  font-family: Futura bt, sans-serif;
  font-size: 35px;
  font-weight: 500;
}
.tp-landingpage .grid-12 {
  grid-column-gap: 45px;
  grid-template-rows: auto auto auto;
}
.tp-landingpage .list {
  width: 90%;
  margin-left: 0;
  margin-right: auto;
  list-style-type: decimal;
}
.tp-landingpage .list-item {
  margin-top: 10px;
  padding-left: 10px;
  font-family: Futura bt, sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.tp-landingpage .bold-text-2 {
  text-transform: uppercase;
  font-weight: 500;
}
.tp-landingpage .bold-text-3 {
  text-transform: uppercase;
  font-size: 30px;
}
.tp-landingpage .div-block-15 {
  margin-left: auto;
  margin-right: auto;
}
.tp-landingpage .bold-text-4 {
  text-align: left;
  font-family: Futura bt, sans-serif;
  font-size: 30px;
  line-height: 44px;
  display: flex;
}
.tp-landingpage .bold-text-5,
.tp-landingpage .bold-text-6 {
  font-size: 30px;
}
.tp-landingpage .text-span-7 {
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  display: block;
}
.tp-landingpage .image-14 {
  max-width: 65%;
  margin-top: 2%;
  display: block;
}
.tp-landingpage .image-14._2 {
  margin-left: auto;
}
.tp-landingpage .div-block-16 {
  margin-top: 0;
  margin-bottom: 0%;
}
.tp-landingpage .text-span-8 {
  text-transform: uppercase;
  margin-bottom: -3%;
  font-size: 25px;
  font-weight: 500;
  display: block;
}
.tp-landingpage .grid-13 {
  margin-top: -90%;
}
.tp-landingpage .grid-14 {
  margin-top: -15%;
}
.tp-landingpage .image-15 {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.tp-landingpage .grid-15 {
  grid-template-rows: auto auto auto;
  display: none;
}
.tp-landingpage .bold-text-7 {
  font-size: 10px;
  line-height: 12px;
}
.tp-landingpage .text-block-99 {
  z-index: 5;
  text-align: center;
  text-transform: uppercase;
  background-color: #cfde34;
  border: 5px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  max-width: 100px;
  max-height: 100px;
  margin-top: -13%;
  margin-left: 30%;
  font-family: Futura bt, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 17px;
  display: flex;
  position: relative;
}
.tp-landingpage .spielerinbild {
  border-top: 70px #e4e4e4;
  border-bottom: 70px #e4e4e4;
  border-right: 70px #e4e4e4;
  width: 75%;
  margin-top: 130px;
  margin-left: auto;
}
.tp-landingpage .grid-16 {
  grid-template-rows: auto auto auto;
  display: none;
}
.tp-landingpage .heading-12,
.tp-landingpage .headinggedacht {
  text-align: center;
  text-transform: uppercase;
  border-bottom: 2px solid #cfde34;
  width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  font-family: Futura bt, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 37px;
}
.tp-landingpage .div-block-17 {
  z-index: 3;
  background-color: #fff;
  width: 50%;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}
.tp-landingpage .text-block-100 {
  text-align: center;
  width: 90%;
  margin: 20px auto 40px;
  font-family: Futura bt, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
}
.tp-landingpage .text-block-101 {
  color: var(--gainsboro);
  text-align: center;
  text-transform: uppercase;
  margin-top: 50%;
  margin-left: 10%;
  margin-right: auto;
  padding-bottom: 40px;
  font-family: Leaguespartan, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 75px;
  display: block;
  position: relative;
}
.tp-landingpage .text-block-102 {
  background-color: var(--yellow);
  color: #fff;
  text-transform: uppercase;
  width: 45%;
  margin-bottom: -2%;
  padding: 10px;
  font-family: Leaguespartan, sans-serif;
  font-size: 27px;
  line-height: 35px;
}
.tp-landingpage .text-block-103 {
  border-bottom: 2px solid var(--yellow);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-family: Futura bt, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 44px;
  display: inline-block;
}
.tp-landingpage .text-block-103._2 {
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.tp-landingpage .text-block-104 {
  border-bottom: 2px solid var(--yellow);
  text-transform: uppercase;
  margin: 20px auto 10px;
  padding-bottom: 10px;
  font-family: Futura bt, sans-serif;
  font-size: 30px;
  line-height: 35px;
  display: inline-block;
}
.tp-landingpage .text-block-105 {
  border-bottom: 2px solid var(--yellow);
  text-align: center;
  text-transform: uppercase;
  width: 90%;
  margin: 40px auto 10px;
  padding-bottom: 10px;
  font-family: Futura bt, sans-serif;
  font-size: 32px;
  line-height: 37px;
}
.tp-landingpage .text-block-106 {
  border-bottom: 2px solid var(--yellow);
  text-align: center;
  text-transform: uppercase;
  width: 90%;
  margin: 40px auto 10px;
  padding-bottom: 10px;
  font-family: Futura bt, sans-serif;
  font-size: 32px;
  line-height: 37px;
  display: none;
}
.tp-landingpage .text-block-107 {
  color: var(--sky-blue);
  font-size: 50px;
  line-height: 50px;
}
.tp-landingpage .text-block-108 {
  border-bottom: 2px solid var(--yellow);
  color: var(--sky-blue);
  text-transform: uppercase;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Futura bt, sans-serif;
  font-size: 50px;
  line-height: 50px;
  display: inline-block;
}
.tp-landingpage .text-block-109 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  display: block;
}
.tp-landingpage .heading-13 {
  border-style: none none solid;
  border-width: 2px;
  border-color: var(--yellow);
  text-transform: uppercase;
  width: 80%;
  font-family: Futura bt, sans-serif;
  font-size: 35px;
  font-weight: 500;
}
.tp-landingpage .heading-14 {
  border-bottom: 2px solid var(--yellow);
  color: var(--sky-blue);
  margin-top: 0;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Futura bt, sans-serif;
  display: inline-block;
}
.tp-landingpage .bold-text-9 {
  text-transform: uppercase;
  font-size: 50px;
  line-height: 50px;
}

@media screen and (max-width: 991px) {
.tp-landingpage .image {
    margin-top: 0%;
    margin-bottom: 20px;
  }
.tp-landingpage .heading {
    margin-top: 8%;
    font-size: 30px;
    line-height: 50px;
  }
.tp-landingpage .grid {
    margin-top: 100px;
  }
.tp-landingpage .heading-3 {
    letter-spacing: 5px;
    margin-top: 40px;
    margin-bottom: -2%;
    font-size: 20px;
    line-height: 25px;
  }
.tp-landingpage .div-block-2 {
    height: 45%;
    margin-top: 0;
  }
.tp-landingpage .div-block-3 {
    width: 310px;
    height: 20px;
  }
.tp-landingpage .div-block-4 {
    width: 60px;
    height: 60px;
    margin-left: -2%;
  }
.tp-landingpage .text-block {
    width: 90%;
    margin-bottom: 20px;
  }
.tp-landingpage .heading-5 {
    font-size: 60px;
  }
.tp-landingpage .grid-3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 60px;
  }
.tp-landingpage .div-block-5 {
    width: 50%;
    margin-left: auto;
  }
.tp-landingpage .heading-6 {
    display: block;
  }
.tp-landingpage .div-block-6 {
    z-index: 2;
    background-color: #fff;
    width: 65%;
    margin-top: -37%;
    margin-left: 10%;
    position: relative;
  }
.tp-landingpage .grid-4 {
    width: 100%;
  }
.tp-landingpage .image-3 {
    margin-top: 0;
    margin-bottom: 0%;
  }
.tp-landingpage .image-3._2 {
    margin-bottom: 0%;
  }
.tp-landingpage .grid-5 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.75fr;
  }
.tp-landingpage .grid-6 {
    margin-top: -22px;
  }
.tp-landingpage .heading-7 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
.tp-landingpage .div-block-7 {
    margin-top: 40px;
  }
.tp-landingpage .image-11 {
    width: 85%;
  }
.tp-landingpage .grid-7 {
    width: 90%;
  }
.tp-landingpage .grid-8 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
.tp-landingpage .button.oben {
    width: 90%;
    margin-top: 40px;
    margin-left: 0;
    margin-right: auto;
  }
.tp-landingpage .button.oben.links {
    width: 85%;
  }
.tp-landingpage .button.oben.ball {
    width: 50%;
    margin-top: 5%;
  }
.tp-landingpage .button.ball {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
  }
.tp-landingpage .heading-8 {
    padding-bottom: 0;
    font-size: 50px;
    line-height: 50px;
  }
.tp-landingpage .grid-9 {
    grid-template-columns: .25fr 1fr;
  }
.tp-landingpage .heading-9 {
    width: 100%;
    margin-top: 0;
  }
.tp-landingpage .text-block-3 {
    width: 100%;
  }
.tp-landingpage .div-block-12 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
.tp-landingpage .div-block-12._2 {
    width: 80%;
    margin-top: 5%;
  }
.tp-landingpage .gutscheincode {
    width: 55%;
    margin-top: -8%;
    margin-bottom: 0;
  }
.tp-landingpage .image-13 {
    width: 35%;
    margin-top: 10%;
    margin-bottom: 0;
    margin-left: 6%;
  }
.tp-landingpage ._1--3 {
    margin-right: 20px;
  }
.tp-landingpage .heading-11 {
    text-align: left;
    line-height: 30px;
  }
.tp-landingpage .bold-text-4 {
    font-size: 30px;
    line-height: 30px;
  }
.tp-landingpage .div-block-16 {
    margin-top: -24%;
  }
.tp-landingpage .text-span-8 {
    margin-bottom: 0%;
    font-size: 20px;
    line-height: 22px;
  }
.tp-landingpage .grid-13 {
    width: 70%;
    margin-top: 5%;
  }
.tp-landingpage .grid-14 {
    width: 70%;
    margin-top: 2%;
    margin-left: auto;
  }
.tp-landingpage .grid-15 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .spielerinbild {
    margin-top: 10px;
  }
.tp-landingpage .grid-16 {
    grid-template-columns: 1fr 1fr 1fr;
    display: none;
  }
.tp-landingpage .heading-12,
.tp-landingpage .headinggedacht {
    width: 100%;
  }
.tp-landingpage .div-block-17 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
.tp-landingpage .text-block-100 {
    width: 100%;
  }
.tp-landingpage .text-block-105 {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
.tp-landingpage .div-block {
    height: 7px;
  }
.tp-landingpage .image {
    width: 30%;
    margin-top: 5%;
    margin-bottom: 20px;
  }
.tp-landingpage .heading {
    margin-top: 10%;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 30px;
  }
.tp-landingpage .grid {
    margin-top: 60px;
  }
.tp-landingpage .heading-3 {
    letter-spacing: 0;
    margin-top: 0;
    margin-left: 0%;
    padding-top: 15px;
    font-size: 20px;
  }
.tp-landingpage .div-block-3 {
    width: 230px;
  }
.tp-landingpage .div-block-4 {
    width: 50px;
    height: 50px;
  }
.tp-landingpage .text-block {
    width: 90%;
    margin-left: 0;
    margin-right: auto;
    font-size: 18px;
    line-height: 22px;
  }
.tp-landingpage .text-block.t {
    margin-top: 20px;
  }
.tp-landingpage .heading-5 {
    margin-left: 0%;
    font-size: 50px;
  }
.tp-landingpage .grid-3 {
    margin-top: 5%;
  }
.tp-landingpage .image-2 {
    border-top-width: 50px;
    border-bottom-width: 50px;
    border-left-width: 50px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
.tp-landingpage .heading-6 {
    text-align: center;
    font-size: 35px;
    line-height: 40px;
  }
.tp-landingpage .div-block-6 {
    margin-top: 0%;
  }
.tp-landingpage .grid-4 {
    grid-template-rows: auto auto auto auto auto auto;
    margin-top: 60px;
  }
.tp-landingpage .image-3 {
    border-top-width: 50px;
    border-bottom-width: 50px;
    border-right-width: 50px;
    width: 80%;
    margin-bottom: 0%;
  }
.tp-landingpage .grid-5 {
    margin-top: 40px;
  }
.tp-landingpage .slider {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .heading-7 {
    font-size: 35px;
    line-height: 30px;
  }
.tp-landingpage .text-block-2 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 22px;
  }
.tp-landingpage .div-block-7 {
    margin-top: 20px;
  }
.tp-landingpage .image-11 {
    display: none;
  }
.tp-landingpage .grid-7 {
    width: 95%;
    margin-top: -11%;
  }
.tp-landingpage .div-block-8 {
    width: 7px;
  }
.tp-landingpage .image-12 {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
.tp-landingpage .button.oben.links {
    width: 100%;
    margin-bottom: 100px;
  }
.tp-landingpage .div-block-9 {
    padding-top: 30px;
  }
.tp-landingpage .heading-8 {
    margin-top: 0%;
    padding-bottom: 20px;
    font-size: 35px;
    line-height: 40px;
  }
.tp-landingpage .heading-9 {
    font-size: 28px;
    line-height: 33px;
  }
.tp-landingpage .text-block-3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 20px;
  }
.tp-landingpage .div-block-12 {
    width: 90%;
    margin-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
.tp-landingpage .div-block-12._2 {
    width: 90%;
    margin-top: 10%;
  }
.tp-landingpage .text-block-5 {
    width: 85%;
  }
.tp-landingpage .column,
.tp-landingpage .column-2 {
    padding-left: 0;
    padding-right: 0;
  }
.tp-landingpage .text-span-2 {
    font-size: 15px;
    line-height: 20px;
  }
.tp-landingpage .image-13 {
    width: 40%;
    margin-top: 0%;
    margin-left: 0%;
  }
.tp-landingpage .column-4 {
    margin-top: 20px;
  }
.tp-landingpage .heading-11 {
    margin-top: 40px;
  }
.tp-landingpage .heading-11.ob {
    margin-top: 0;
  }
.tp-landingpage .grid-12 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }
.tp-landingpage .image-14 {
    max-width: 75%;
  }
.tp-landingpage .div-block-16 {
    margin-top: -29%;
  }
.tp-landingpage .grid-13,
.tp-landingpage .grid-14 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .image-15 {
    max-width: 60%;
  }
.tp-landingpage .grid-15 {
    width: 85%;
    margin-top: 5%;
  }
.tp-landingpage .text-block-99 {
    border-width: 3px;
    border-color: #fff;
  }
.tp-landingpage .spielerinbild {
    border-top-width: 50px;
    border-bottom-width: 50px;
    border-right-width: 50px;
    width: 90%;
    margin-bottom: -22%;
  }
.tp-landingpage .grid-16 {
    margin-top: 100px;
  }
.tp-landingpage .heading-12,
.tp-landingpage .headinggedacht {
    font-size: 28px;
    line-height: 33px;
  }
.tp-landingpage .div-block-17 {
    width: 90%;
    margin-top: -75px;
    padding-left: 30px;
    padding-right: 30px;
  }
.tp-landingpage .text-block-100 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 20px;
  }
.tp-landingpage .text-block-101 {
    margin-top: 0%;
    padding-bottom: 20px;
    font-size: 35px;
    line-height: 40px;
    display: block;
  }
.tp-landingpage .text-block-102 {
    font-size: 20px;
    line-height: 25px;
  }
.tp-landingpage .text-block-103 {
    color: #000;
    text-align: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 35px;
    line-height: 30px;
    display: block;
  }
.tp-landingpage .text-block-104 {
    font-size: 35px;
    line-height: 40px;
  }
.tp-landingpage .text-block-105 {
    width: 100%;
    font-size: 28px;
    line-height: 32px;
  }
}

@media screen and (max-width: 479px) {
.tp-landingpage .image {
    width: 40%;
  }
.tp-landingpage .heading {
    letter-spacing: 12px;
    font-size: 18px;
  }
.tp-landingpage .grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: .25fr .75fr;
    margin-top: -27%;
  }
.tp-landingpage .heading-3 {
    text-align: center;
    letter-spacing: 0;
    width: 100%;
    margin-bottom: 7%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    font-size: 22px;
    display: block;
  }
.tp-landingpage .div-block-2 {
    width: 80%;
    height: 70%;
    margin-left: 0;
  }
.tp-landingpage .div-block-3 {
    width: 230px;
    height: 15px;
  }
.tp-landingpage .div-block-4 {
    width: 40px;
    height: 40px;
  }
.tp-landingpage .text-block {
    text-align: justify;
    background-color: #fff;
    width: 90%;
    margin-top: 0%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-size: 18px;
    line-height: 22px;
  }
.tp-landingpage .text-block.t {
    text-align: justify;
    justify-content: center;
    align-items: center;
    margin: 10px auto 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 22px;
    display: flex;
  }
.tp-landingpage .heading-5 {
    flex-direction: row;
    justify-content: flex-end;
    margin-left: 7%;
    margin-right: 0;
    font-size: 40px;
    line-height: 50px;
    display: flex;
  }
.tp-landingpage .grid-2 {
    align-items: stretch;
    margin-bottom: 10%;
    display: none;
  }
.tp-landingpage .grid-3 {
    margin-top: 40px;
  }
.tp-landingpage .image-2 {
    border-top-width: 30px;
    border-bottom-width: 30px;
    border-left-width: 30px;
    margin-top: 0;
  }
.tp-landingpage .div-block-5 {
    width: 100%;
  }
.tp-landingpage .heading-6 {
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
  }
.tp-landingpage .div-block-6 {
    text-align: center;
    width: 85%;
    margin-top: 0;
  }
.tp-landingpage .grid-4 {
    width: 100%;
    margin-top: 40px;
  }
.tp-landingpage .image-3 {
    border-top-width: 30px;
    border-bottom-width: 30px;
    border-right-width: 30px;
    width: 80%;
    margin-bottom: 0%;
  }
.tp-landingpage .grid-5 {
    margin-top: 60px;
  }
.tp-landingpage .slider {
    width: 100%;
  }
.tp-landingpage .heading-7 {
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    display: block;
  }
.tp-landingpage .text-block-2 {
    text-align: justify;
    margin-top: 20px;
    font-size: 18px;
    line-height: 22px;
  }
.tp-landingpage .div-block-7 {
    text-align: center;
    width: 85%;
    margin-top: 40px;
  }
.tp-landingpage .grid-7 {
    width: 95%;
    position: relative;
  }
.tp-landingpage .slide-nav {
    margin-top: 0;
    bottom: -32px;
  }
.tp-landingpage .image-12 {
    margin-bottom: 0;
  }
.tp-landingpage .button.oben {
    width: 85%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .button.oben.links {
    height: 70px;
    margin-bottom: 10px;
  }
.tp-landingpage .button.oben.ball {
    width: 75%;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .button.ball {
    letter-spacing: 2px;
    height: 80px;
    margin-top: 30px;
  }
.tp-landingpage .div-block-9 {
    width: 85%;
    margin-left: auto;
    margin-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
  }
.tp-landingpage .heading-8 {
    z-index: 3;
    margin-top: 40%;
    margin-bottom: -86%;
    font-size: 30px;
    line-height: 35px;
  }
.tp-landingpage .div-block-10 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
.tp-landingpage .div-block-11 {
    width: 90%;
    margin-left: 0;
    margin-right: auto;
    display: flex;
  }
.tp-landingpage .heading-9 {
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
  }
.tp-landingpage .text-block-3 {
    text-align: justify;
  }
.tp-landingpage .div-block-12 {
    width: 85%;
    margin-top: 0;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }
.tp-landingpage .gutscheincode {
    width: 75%;
    margin-top: -17%;
  }
.tp-landingpage .left-arrow,
.tp-landingpage .right-arrow {
    width: 14%;
  }
.tp-landingpage .image-13 {
    width: 60%;
    margin-top: 0%;
    margin-right: 5%;
  }
.tp-landingpage .column-4 {
    margin-top: 10px;
  }
.tp-landingpage ._1--3 {
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .dropdown-toggle-6 {
    padding-right: 40px;
  }
.tp-landingpage .text-block-93 {
    text-align: left;
    margin-right: 10px;
    font-size: 18px;
  }
.tp-landingpage .heading-10 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 33px;
    line-height: 35px;
  }
.tp-landingpage .heading-11 {
    text-align: center;
    font-size: 30px;
  }
.tp-landingpage .heading-11.ob {
    margin-top: 0;
  }
.tp-landingpage .bold-text-3 {
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
  }
.tp-landingpage .bold-text-4 {
    text-align: center;
    font-size: 25px;
    display: block;
  }
.tp-landingpage .bold-text-5,
.tp-landingpage .bold-text-6 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    display: block;
  }
.tp-landingpage .text-span-8 {
    text-align: center;
  }
.tp-landingpage .grid-13 {
    margin-left: 5%;
  }
.tp-landingpage .grid-14 {
    margin-left: auto;
    margin-right: 5%;
  }
.tp-landingpage .bold-text-7 {
    letter-spacing: 5px;
  }
.tp-landingpage .bold-text-8 {
    display: block;
  }
.tp-landingpage .text-block-99 {
    max-width: 80px;
    max-height: 80px;
    margin-left: 15%;
    font-size: 12px;
    line-height: 13px;
  }
.tp-landingpage .spielerinbild {
    border-top-width: 30px;
    border-bottom-width: 30px;
    border-right-width: 30px;
    width: 100%;
    margin-bottom: 0%;
  }
.tp-landingpage .grid-16 {
    grid-template-rows: auto auto auto;
  }
.tp-landingpage .heading-12,
.tp-landingpage .headinggedacht {
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
  }
.tp-landingpage .div-block-17 {
    width: 85%;
    margin-top: 0;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }
.tp-landingpage .text-block-100 {
    text-align: justify;
  }
.tp-landingpage .text-block-101 {
    z-index: 3;
    margin-top: 40%;
    margin-bottom: -86%;
    padding-bottom: 20px;
    font-size: 30px;
    line-height: 35px;
    display: block;
  }
.tp-landingpage .text-block-102 {
    text-align: center;
    width: 100%;
    margin-bottom: 7%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    font-size: 22px;
  }
.tp-landingpage .text-block-103 {
    font-size: 25px;
  }
.tp-landingpage .text-block-104,
.tp-landingpage .text-block-105 {
    font-size: 25px;
    line-height: 30px;
  }
.tp-landingpage .text-block-108 {
    font-size: 33px;
    font-weight: 500;
    line-height: 35px;
  }
}
.tp-landingpage #w-node-_71c1de63-97fe-24f7-6fe0-88352f0770a5-90ace4a5 {
  grid-area: 1 / 1 / 2 / 3;
}
.tp-landingpage #w-node-_9a7a4e6c-f9da-ee6d-e07e-b5e3eda3f835-90ace4a5 {
  grid-area: 1 / 1 / 4 / 2;
}
.tp-landingpage #w-node-_8af35d60-47b8-ad39-e1a1-b526a65018cc-90ace4a5 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: start center;
}
.tp-landingpage #w-node-f33667e8-44d7-0bb8-2527-10ae19acc941-90ace4a5 {
  grid-area: 2 / 1 / 4 / 3;
  align-self: end;
}
.tp-landingpage #w-node-_7b04e111-b0c2-c82f-8d68-dc070e81c423-90ace4a5 {
  grid-area: 3 / 2 / 4 / 3;
  align-self: center;
}
.tp-landingpage #w-node-_820cb4f7-0133-e22b-82bf-9d792f50ecce-90ace4a5 {
  grid-area: 1 / 1 / 3 / 2;
}
.tp-landingpage #w-node-_307b1445-b33c-b301-f283-d588806f3d8d-90ace4a5 {
  grid-area: 1 / 2 / 3 / 3;
  justify-self: center;
}
.tp-landingpage #w-node-_3ae8a733-f596-7172-1b8b-d9a59c7d2082-90ace4a5 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: auto;
}
.tp-landingpage #w-node-_0f5ce7f9-3da9-34db-2c0d-f3fb58049abd-90ace4a5 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: auto;
}
.tp-landingpage #w-node-_6a7ff6df-a7be-3a8d-5e12-f58aa22e4b71-90ace4a5 {
  grid-area: 1 / 2 / 3 / 3;
  justify-self: center;
}
.tp-landingpage #w-node-_798c5b62-adc2-49f9-d119-122e73b2eed6-90ace4a5 {
  grid-area: 2 / 3 / 3 / 4;
  place-self: auto;
}
.tp-landingpage #w-node-_93bdb8ed-db80-71ca-928a-d41cf6dc25ee-90ace4a5 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: auto;
}
.tp-landingpage #w-node-_267a4afc-e9b2-e16c-7643-9b462180f843-90ace4a5 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: auto;
}
.tp-landingpage #w-node-_0f26ecd0-af1d-9041-9dd7-304bcc16a53b-90ace4a5 {
  grid-area: 1 / 2 / 3 / 3;
  justify-self: center;
}
.tp-landingpage #w-node-_4b3039c9-7125-40a4-15af-7d270cb7ce25-90ace4a5 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: auto;
}
.tp-landingpage #w-node-_91296532-1fdd-b187-3849-bf1db6592642-90ace4a5 {
  grid-area: 1 / 2 / 3 / 3;
  place-self: center;
}
.tp-landingpage #w-node-_452cb8ae-106c-8708-937b-abefd9f58f90-90ace4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
.tp-landingpage #w-node-_40919777-b92c-bb74-fac6-880db5ff51a4-90ace4a5 {
  grid-area: 1 / 1 / 3 / 2;
  align-self: center;
}
.tp-landingpage #w-node-_4b5f8544-f357-dc10-d882-95282ffc2445-90ace4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
.tp-landingpage #w-node-_769fd102-cc17-a3db-b3e9-09848aaa8425-90ace4a5 {
  grid-area: 1 / 2 / 3 / 3;
}
.tp-landingpage #w-node-_44c25748-ee53-f997-bf2a-53a252a1cb60-90ace4a5 {
  grid-area: 1 / 1 / 4 / 3;
}
.tp-landingpage #ball.w-node-cd948506-84bc-003a-a4c2-d1c5d0e972ba-90ace4a5 {
  grid-area: 1 / 1 / 2 / 3;
  align-self: start;
}
.tp-landingpage #w-node-abba72bf-d5c8-e875-7c57-e4a5486e7562-90ace4a5 {
  grid-area: 2 / 1 / 3 / 3;
  place-self: start center;
}
.tp-landingpage #w-node-_52437b5b-b00f-9522-b927-de9eb6081c16-90ace4a5 {
  grid-area: 2 / 2 / 3 / 3;
}
.tp-landingpage #w-node-_035e4ffb-b9c9-e91a-c87a-c3ea3c782709-90ace4a5 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto;
}
.tp-landingpage #w-node-_23cee02d-dad4-5a16-1313-d8479a3eaf9f-90ace4a5 {
  grid-area: 1 / 1 / 2 / 3;
}
.tp-landingpage #w-node-ed0e44f6-d152-7432-3357-b730a61024ec-90ace4a5 {
  grid-area: 2 / 1 / 3 / 3;
  align-self: end;
}
.tp-landingpage #ball.w-node-c4063c07-ba9a-c847-d169-e76b709075e7-90ace4a5 {
  grid-area: 1 / 1 / 2 / 3;
  align-self: start;
}
.tp-landingpage #w-node-_780e0b1b-4486-b06f-d82d-aa2f50852b36-90ace4a5 {
  grid-area: 3 / 1 / 4 / 2;
}
.tp-landingpage #w-node-fb332368-3791-2100-2fb9-958d8c9e3a0e-90ace4a5 {
  grid-area: 1 / 1 / 2 / 3;
}
.tp-landingpage #w-node-_6f01c964-8be7-dcdc-5e56-fe6b09f26d60-90ace4a5 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: auto;
}
.tp-landingpage #w-node-ee11d9ba-87fa-d0db-a363-85d5abf6a7bf-90ace4a5 {
  grid-area: 2 / 1 / 3 / 3;
  align-self: end;
}
.tp-landingpage #w-node-_8a9b3abc-6655-7394-2e8d-4f763d2d53f3-90ace4a5 {
  grid-area: 4 / 1 / 5 / 3;
  align-self: end;
}
.tp-landingpage #w-node-_28348b67-f9e4-2816-101f-8bccc6de07b7-90ace4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
.tp-landingpage #w-node-_77ed921a-408a-619b-85ab-818e7b254e91-90ace4a5 {
  grid-area: 5 / 1 / 6 / 2;
}
.tp-landingpage #w-node-_8548077f-c6e4-e467-d79d-c19b8348bbd0-90ace4a5 {
  grid-area: 1 / 1 / 2 / 3;
}
.tp-landingpage #w-node-_95201190-fb2a-89d9-e368-05265267777a-90ace4a5 {
  grid-area: 2 / 1 / 3 / 3;
}
.tp-landingpage #w-node-_3abbb587-9a3d-cfe0-b0cf-143cab6bb24e-90ace4a5 {
  grid-area: 3 / 1 / 4 / 3;
}
.tp-landingpage #w-node-_534a9f94-4792-9b52-2019-c1685f3ad9d1-90ace4a5 {
  grid-area: 5 / 2 / 6 / 3;
}
.tp-landingpage #w-node-_534a9f94-4792-9b52-2019-c1685f3ad9d2-90ace4a5 {
  grid-area: 1 / 1 / 2 / 3;
}
.tp-landingpage #w-node-_534a9f94-4792-9b52-2019-c1685f3ad9d3-90ace4a5 {
  grid-area: 2 / 1 / 3 / 3;
}
.tp-landingpage #w-node-_534a9f94-4792-9b52-2019-c1685f3ad9d8-90ace4a5 {
  grid-area: 3 / 1 / 4 / 3;
}
.tp-landingpage #w-node-_1f05e52f-b19f-0a20-6d1f-2ec7c141db60-90ace4a5 {
  grid-area: 1 / 2 / 2 / 3;
}
.tp-landingpage #w-node-_120900ee-cc61-eae9-6d09-b76eedd3842a-90ace4a5 {
  grid-area: 3 / 1 / 4 / 2;
}
.tp-landingpage #w-node-a7243a94-d369-9f6f-6903-4505269d2b1d-90ace4a5 {
  grid-area: 1 / 1 / 2 / 2;
}
.tp-landingpage #w-node-_33511d9c-8d03-b4ac-dedd-126ae4219a41-90ace4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
.tp-landingpage #w-node-_3b890ca1-e91d-09ee-8ea5-280b8b5aac0f-90ace4a5 {
  grid-area: 3 / 2 / 4 / 3;
}

@media screen and (max-width: 991px) {
.tp-landingpage #w-node-_71c1de63-97fe-24f7-6fe0-88352f0770a5-90ace4a5 {
    grid-area: 1 / 1 / 2 / 3;
  }
.tp-landingpage #w-node-_8af35d60-47b8-ad39-e1a1-b526a65018cc-90ace4a5 {
    grid-area: 2 / 2 / 3 / 3;
    place-self: start center;
  }
.tp-landingpage #w-node-f33667e8-44d7-0bb8-2527-10ae19acc941-90ace4a5 {
    grid-area: 1 / 1 / 4 / 3;
    align-self: end;
  }
.tp-landingpage #w-node-_91296532-1fdd-b187-3849-bf1db6592642-90ace4a5 {
    grid-area: 3 / 1 / 4 / 2;
    place-self: center;
  }
.tp-landingpage #w-node-_40919777-b92c-bb74-fac6-880db5ff51a4-90ace4a5 {
    grid-area: 3 / 1 / 4 / 2;
    align-self: center;
  }
.tp-landingpage #w-node-_769fd102-cc17-a3db-b3e9-09848aaa8425-90ace4a5 {
    grid-area: 1 / 1 / 3 / 2;
  }
.tp-landingpage #w-node-_44c25748-ee53-f997-bf2a-53a252a1cb60-90ace4a5 {
    grid-area: 1 / 1 / 3 / 4;
    align-self: end;
  }
.tp-landingpage #ball.w-node-cd948506-84bc-003a-a4c2-d1c5d0e972ba-90ace4a5 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: start;
  }
.tp-landingpage #w-node-abba72bf-d5c8-e875-7c57-e4a5486e7562-90ace4a5 {
    grid-area: 3 / 1 / 4 / 4;
    place-self: end center;
  }
.tp-landingpage #w-node-_52437b5b-b00f-9522-b927-de9eb6081c16-90ace4a5 {
    grid-area: 2 / 1 / 3 / 3;
  }
.tp-landingpage #w-node-_23cee02d-dad4-5a16-1313-d8479a3eaf9f-90ace4a5,
.tp-landingpage #ball.w-node-c4063c07-ba9a-c847-d169-e76b709075e7-90ace4a5 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: start;
  }
.tp-landingpage #w-node-_780e0b1b-4486-b06f-d82d-aa2f50852b36-90ace4a5 {
    grid-area: 3 / 1 / 4 / 3;
  }
.tp-landingpage #w-node-fb332368-3791-2100-2fb9-958d8c9e3a0e-90ace4a5 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: start;
  }
.tp-landingpage #w-node-ee11d9ba-87fa-d0db-a363-85d5abf6a7bf-90ace4a5 {
    grid-area: 2 / 1 / 3 / 3;
    align-self: end;
  }
.tp-landingpage #w-node-_8a9b3abc-6655-7394-2e8d-4f763d2d53f3-90ace4a5 {
    grid-area: 4 / 1 / 5 / 3;
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
.tp-landingpage #w-node-_9a7a4e6c-f9da-ee6d-e07e-b5e3eda3f835-90ace4a5 {
    grid-row-start: 2;
    place-self: center start;
  }
.tp-landingpage #w-node-_44c25748-ee53-f997-bf2a-53a252a1cb60-90ace4a5 {
    grid-area: 1 / 1 / 3 / 4;
    align-self: end;
  }
.tp-landingpage #ball.w-node-cd948506-84bc-003a-a4c2-d1c5d0e972ba-90ace4a5 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: start;
  }
.tp-landingpage #w-node-abba72bf-d5c8-e875-7c57-e4a5486e7562-90ace4a5 {
    grid-area: 3 / 1 / 4 / 4;
    place-self: end center;
  }
.tp-landingpage #w-node-_23cee02d-dad4-5a16-1313-d8479a3eaf9f-90ace4a5 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: start;
  }
.tp-landingpage #w-node-ed0e44f6-d152-7432-3357-b730a61024ec-90ace4a5 {
    grid-area: 2 / 1 / 3 / 3;
    align-self: end;
  }
.tp-landingpage #ball.w-node-c4063c07-ba9a-c847-d169-e76b709075e7-90ace4a5 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: start;
  }
.tp-landingpage #w-node-fb332368-3791-2100-2fb9-958d8c9e3a0e-90ace4a5 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: end;
  }
.tp-landingpage #w-node-ee11d9ba-87fa-d0db-a363-85d5abf6a7bf-90ace4a5 {
    grid-area: 2 / 1 / 3 / 3;
    align-self: end;
  }
.tp-landingpage #w-node-_77ed921a-408a-619b-85ab-818e7b254e91-90ace4a5 {
    grid-area: 5 / 1 / 6 / 3;
  }
.tp-landingpage #w-node-_534a9f94-4792-9b52-2019-c1685f3ad9d1-90ace4a5 {
    grid-area: 6 / 1 / 7 / 3;
  }
.tp-landingpage #w-node-_1f05e52f-b19f-0a20-6d1f-2ec7c141db60-90ace4a5 {
    grid-area: 2 / 1 / 3 / 2;
  }
.tp-landingpage #w-node-_3b890ca1-e91d-09ee-8ea5-280b8b5aac0f-90ace4a5 {
    grid-area: 4 / 1 / 5 / 2;
  }
}

@media screen and (max-width: 479px) {
.tp-landingpage #w-node-_71c1de63-97fe-24f7-6fe0-88352f0770a5-90ace4a5 {
    grid-area: 1 / 1 / 2 / 3;
  }
.tp-landingpage #w-node-_9a7a4e6c-f9da-ee6d-e07e-b5e3eda3f835-90ace4a5 {
    grid-row: 2 / 3;
  }
.tp-landingpage #w-node-_8af35d60-47b8-ad39-e1a1-b526a65018cc-90ace4a5 {
    grid-area: 2 / 1 / 3 / 3;
    place-self: auto;
  }
.tp-landingpage #w-node-f33667e8-44d7-0bb8-2527-10ae19acc941-90ace4a5 {
    grid-area: 2 / 1 / 4 / 3;
    align-self: end;
  }
.tp-landingpage #w-node-_7b04e111-b0c2-c82f-8d68-dc070e81c423-90ace4a5 {
    grid-area: 3 / 1 / 4 / 3;
    place-self: center;
  }
.tp-landingpage #w-node-_40919777-b92c-bb74-fac6-880db5ff51a4-90ace4a5 {
    justify-self: center;
  }
.tp-landingpage #w-node-_44c25748-ee53-f997-bf2a-53a252a1cb60-90ace4a5 {
    grid-row-start: 2;
  }
.tp-landingpage #ball.w-node-cd948506-84bc-003a-a4c2-d1c5d0e972ba-90ace4a5 {
    grid-area: 1 / 1 / 2 / 4;
    align-self: start;
  }
.tp-landingpage #w-node-abba72bf-d5c8-e875-7c57-e4a5486e7562-90ace4a5 {
    grid-area: 3 / 1 / 4 / 4;
    place-self: end center;
  }
}


@font-face {
  font-family: 'Futura';
  src: url('../fonts/Futura-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura font';
  src: url('../fonts/Futura-Heavy-font.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura font';
  src: url('../fonts/Futura-Heavy-Italic-font.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Futura book font';
  src: url('../fonts/Futura-Book-font.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura font';
  src: url('../fonts/Futura-Light-Italic-font.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Futura book font';
  src: url('../fonts/Futura-Book-Italic-font.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Futura font';
  src: url('../fonts/Futura-Medium-Italic-font.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Futura bt';
  src: url('../fonts/futura-medium-bt.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Leaguespartan';
  src: url('../fonts/LeagueSpartan-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}