@media screen and (max-width: 767px) {
  #full-width .countdown-teaser .content-container, #main #content .countdown-teaser .content-container {
    padding: 24px 0 16px; } }

#sidebar .css-countdown-teaser .content-container .content-text {
  display: block; }

#main .css-countdown-teaser {
  position: relative;
  margin-bottom: 80px;
  overflow: hidden; }
  #main .css-countdown-teaser .attention-text {
    text-transform: uppercase;
    text-align: right;
    color: white;
    font-weight: bold;
    margin-bottom: -120px;
    z-index: 2;
    position: relative;
    margin-top: 20px;
    line-height: 1.5; }
    #main .css-countdown-teaser .attention-text span {
      background: linear-gradient(30deg, #7000be 0%, #f26c15 100%);
      line-height: 1;
      font-size: 1.75rem;
      padding: 2px 32px 0;
      font-style: italic;
      display: inline-flex;
      height: 26px;
      align-items: center; }
    #main .css-countdown-teaser .attention-text span:last-of-type {
      font-size: 1.25rem;
      padding: 4px 32px 0;
      height: 20px; }
  #main .css-countdown-teaser .version-right-aligned .attention-text {
    text-align: right; }
  #main .css-countdown-teaser .headline {
    font-size: 1.5em;
    line-height: 1.375em;
    font-weight: 400;
    margin: 0 0 10.672px; }
  #main .css-countdown-teaser .content-area {
    background-color: white;
    overflow: hidden;
    position: relative; }
  #main .css-countdown-teaser .countdown-image-container {
    position: relative;
    z-index: 0;
    opacity: 0.5;
    width: 100%; }
    #main .css-countdown-teaser .countdown-image-container .s-form-graph {
      display: none; }
  #main .css-countdown-teaser .content-container {
    background-color: transparent;
    z-index: 1;
    position: relative;
    text-align: left;
    padding: 24px 0 16px;
    overflow: initial; }
    #main .css-countdown-teaser .content-container .content-text {
      text-align: left !important; }
    #main .css-countdown-teaser .content-container h3 {
      font-size: 1.5rem;
      font-weight: normal;
      margin-top: 0;
      margin-bottom: 1rem; }
    #main .css-countdown-teaser .content-container .button {
      background-color: #7000bd;
      border: none !important;
      width: 100%; }
  #main .css-countdown-teaser .content-form input:not(.button) {
    background-color: white;
    padding: 12px 10px;
    margin-top: 0.75rem;
    width: 100%;
    border: 1px solid #221F20;
    font-size: 1rem;
    margin-bottom: 0; }
  #main .css-countdown-teaser .content-form input.button {
    background-color: #7000bd; }
    #main .css-countdown-teaser .content-form input.button:hover {
      background-color: #a31aff !important;
      color: white !important; }
  #main .css-countdown-teaser .content-text {
    display: block !important; }
  #main .css-countdown-teaser .content-text .float-wrapper {
    text-align: center;
    border-width: 6px;
    border-style: solid;
    border-image: linear-gradient(30deg, #7000be 0%, #f26c15) 1;
    margin: 24px 0; }
    #main .css-countdown-teaser .content-text .float-wrapper::after {
      clear: unset !important; }
    #main .css-countdown-teaser .content-text .float-wrapper h4 {
      text-transform: uppercase;
      font-weight: lighter;
      font-size: 1.125rem;
      margin: 8px 0 4px !important; }
    #main .css-countdown-teaser .content-text .float-wrapper .countdown-container {
      overflow: hidden;
      text-align: center;
      margin-top: unset !important;
      padding-bottom: 8px; }
      #main .css-countdown-teaser .content-text .float-wrapper .countdown-container > div {
        display: inline-block;
        vertical-align: middle; }
      #main .css-countdown-teaser .content-text .float-wrapper .countdown-container .amount {
        color: #221F20;
        font-size: 2.25rem;
        font-variant-numeric: tabular-nums;
        letter-spacing: 0.1rem;
        font-weight: 600;
        line-height: 1.3em; }
      #main .css-countdown-teaser .content-text .float-wrapper .countdown-container .label {
        color: #221F20;
        font-size: 0.75rem;
        text-transform: uppercase;
        margin-top: 0px; }
      #main .css-countdown-teaser .content-text .float-wrapper .countdown-container div.separator {
        font-size: 2.5rem;
        line-height: 1;
        margin: -4px;
        color: #221F20;
        vertical-align: super; }
  #main .css-countdown-teaser .circle-element {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1; }

@media only screen and (min-width: 500px) {
  #main > .css-countdown-teaser .countdown-image-container,
  #main > div.module-container > .css-countdown-teaser .countdown-image-container,
  #main #content .css-countdown-teaser .countdown-image-container {
    position: absolute;
    height: 100%; }
    #main > .css-countdown-teaser .countdown-image-container .s-form-graph,
    #main > div.module-container > .css-countdown-teaser .countdown-image-container .s-form-graph,
    #main #content .css-countdown-teaser .countdown-image-container .s-form-graph {
      display: block;
      position: absolute;
      top: 0;
      width: calc(100% + 16px);
      height: calc(100% + 16px); }
    #main > .css-countdown-teaser .countdown-image-container img,
    #main > div.module-container > .css-countdown-teaser .countdown-image-container img,
    #main #content .css-countdown-teaser .countdown-image-container img {
      height: 100%;
      object-fit: cover; }
    #main > .css-countdown-teaser .countdown-image-container::before,
    #main > div.module-container > .css-countdown-teaser .countdown-image-container::before,
    #main #content .css-countdown-teaser .countdown-image-container::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 20%); }
  #main > .css-countdown-teaser .version-right-aligned .countdown-image-container .s-form-graph,
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .countdown-image-container .s-form-graph,
  #main #content .css-countdown-teaser .version-right-aligned .countdown-image-container .s-form-graph {
    transform: scaleX(-1); }
  #main > .css-countdown-teaser .version-right-aligned .countdown-image-container::before,
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .countdown-image-container::before,
  #main #content .css-countdown-teaser .version-right-aligned .countdown-image-container::before {
    background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 20%); }
  #main > .css-countdown-teaser .attention-text,
  #main > div.module-container > .css-countdown-teaser .attention-text,
  #main #content .css-countdown-teaser .attention-text {
    margin-bottom: 0;
    width: 100%;
    float: left;
    text-align: right; }
  #main > .css-countdown-teaser .version-right-aligned .attention-text,
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .attention-text,
  #main #content .css-countdown-teaser .version-right-aligned .attention-text {
    float: right;
    text-align: right; }
  #main > .css-countdown-teaser .content-text,
  #main > div.module-container > .css-countdown-teaser .content-text,
  #main #content .css-countdown-teaser .content-text {
    width: 40%;
    min-width: 340px; }
  #main > .css-countdown-teaser .content-container,
  #main > div.module-container > .css-countdown-teaser .content-container,
  #main #content .css-countdown-teaser .content-container {
    float: left;
    padding: 24px; }
    #main > .css-countdown-teaser .content-container:before,
    #main > div.module-container > .css-countdown-teaser .content-container:before,
    #main #content .css-countdown-teaser .content-container:before {
      padding-bottom: 75%;
      content: '';
      float: left; }
    #main > .css-countdown-teaser .content-container:after,
    #main > div.module-container > .css-countdown-teaser .content-container:after,
    #main #content .css-countdown-teaser .content-container:after {
      display: table;
      content: '';
      clear: both; }
    #main > .css-countdown-teaser .content-container .button,
    #main > div.module-container > .css-countdown-teaser .content-container .button,
    #main #content .css-countdown-teaser .content-container .button {
      width: 40%;
      min-width: 340px; }
  #main > .css-countdown-teaser .version-right-aligned .content-text,
  #main > .css-countdown-teaser .version-right-aligned .content-form,
  #main > .css-countdown-teaser .version-right-aligned .button,
  #main > .css-countdown-teaser .version-right-aligned .float-wrapper,
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .content-text,
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .content-form,
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .button,
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .float-wrapper,
  #main #content .css-countdown-teaser .version-right-aligned .content-text,
  #main #content .css-countdown-teaser .version-right-aligned .content-form,
  #main #content .css-countdown-teaser .version-right-aligned .button,
  #main #content .css-countdown-teaser .version-right-aligned .float-wrapper {
    float: right;
    margin-left: 50%; }
  #main > .css-countdown-teaser .version-right-aligned .button,
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .button,
  #main #content .css-countdown-teaser .version-right-aligned .button {
    margin-right: 0; }
  #main > .css-countdown-teaser .version-right-aligned .content-container,
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .content-container,
  #main #content .css-countdown-teaser .version-right-aligned .content-container {
    float: right; }
  #main > .css-countdown-teaser .float-wrapper,
  #main > div.module-container > .css-countdown-teaser .float-wrapper,
  #main #content .css-countdown-teaser .float-wrapper {
    width: 40%;
    min-width: 340px; }
    #main > .css-countdown-teaser .float-wrapper .countdown-container,
    #main > div.module-container > .css-countdown-teaser .float-wrapper .countdown-container,
    #main #content .css-countdown-teaser .float-wrapper .countdown-container {
      float: unset !important;
      width: unset !important; }
  #main > .css-countdown-teaser .content-form,
  #main > div.module-container > .css-countdown-teaser .content-form,
  #main #content .css-countdown-teaser .content-form {
    width: 40%;
    min-width: 340px; }
  #main > .css-countdown-teaser .circle-element,
  #main > div.module-container > .css-countdown-teaser .circle-element,
  #main #content .css-countdown-teaser .circle-element {
    display: none; } }

@media only screen and (min-width: 500px) and (max-width: 899px) {
  #main #sidebar .css-countdown-teaser .countdown-image-container {
    position: absolute;
    height: 100%; }
    #main #sidebar .css-countdown-teaser .countdown-image-container .s-form-graph {
      display: block;
      position: absolute;
      top: 0;
      width: calc(100% + 16px);
      height: calc(100% + 16px); }
    #main #sidebar .css-countdown-teaser .countdown-image-container img {
      height: 100%;
      object-fit: cover; }
    #main #sidebar .css-countdown-teaser .countdown-image-container::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 20%); }
  #main #sidebar .css-countdown-teaser .version-right-aligned .countdown-image-container .s-form-graph {
    transform: scaleX(-1); }
  #main #sidebar .css-countdown-teaser .version-right-aligned .countdown-image-container::before {
    background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 20%); }
  #main #sidebar .css-countdown-teaser .attention-text {
    margin-bottom: 0;
    width: 100%;
    float: left;
    text-align: right; }
  #main #sidebar .css-countdown-teaser .version-right-aligned .attention-text {
    float: right;
    text-align: right; }
  #main #sidebar .css-countdown-teaser .content-text {
    width: 40%;
    min-width: 340px; }
  #main #sidebar .css-countdown-teaser .content-container {
    float: left;
    padding: 24px; }
    #main #sidebar .css-countdown-teaser .content-container:before {
      padding-bottom: 75%;
      content: '';
      float: left; }
    #main #sidebar .css-countdown-teaser .content-container:after {
      display: table;
      content: '';
      clear: both; }
    #main #sidebar .css-countdown-teaser .content-container .button {
      width: 40%;
      min-width: 340px; }
  #main #sidebar .css-countdown-teaser .version-right-aligned .content-text,
  #main #sidebar .css-countdown-teaser .version-right-aligned .content-form,
  #main #sidebar .css-countdown-teaser .version-right-aligned .button,
  #main #sidebar .css-countdown-teaser .version-right-aligned .float-wrapper {
    float: right;
    margin-left: 50%; }
  #main #sidebar .css-countdown-teaser .version-right-aligned .button {
    margin-right: 0; }
  #main #sidebar .css-countdown-teaser .version-right-aligned .content-container {
    float: right; }
  #main #sidebar .css-countdown-teaser .float-wrapper {
    width: 40%;
    min-width: 340px; }
    #main #sidebar .css-countdown-teaser .float-wrapper .countdown-container {
      float: unset !important;
      width: unset !important; }
  #main #sidebar .css-countdown-teaser .content-form {
    width: 40%;
    min-width: 340px; }
  #main #sidebar .css-countdown-teaser .circle-element {
    display: none; } }

@media only screen and (min-width: 900px) {
  #main > div.module-container > .css-countdown-teaser .countdown-image-container .s-form-graph {
    display: none; }
  #main > div.module-container > .css-countdown-teaser .attention-text {
    display: inline-block;
    right: 3rem;
    top: 2rem;
    position: absolute;
    width: min-content; }
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .attention-text {
    text-align: left;
    left: 3rem; }
  #main > div.module-container > .css-countdown-teaser .content-text {
    width: 25%; }
  #main > div.module-container > .css-countdown-teaser .content-container {
    float: unset; }
    #main > div.module-container > .css-countdown-teaser .content-container:before {
      padding-bottom: 50%; }
    #main > div.module-container > .css-countdown-teaser .content-container .button {
      width: 25%; }
  #main > div.module-container > .css-countdown-teaser .content-form {
    width: 25%; }
  #main > div.module-container > .css-countdown-teaser .float-wrapper {
    position: absolute;
    right: 3rem;
    bottom: 3rem;
    width: unset;
    padding: 0.5rem 2rem; }
  #main > div.module-container > .css-countdown-teaser .version-right-aligned .float-wrapper {
    right: unset;
    left: 3rem;
    margin: unset; } }

@media only screen and (min-width: 1440px) {
  #main > div.module-container > .css-countdown-teaser .attention-text {
    line-height: 2.4; }
    #main > div.module-container > .css-countdown-teaser .attention-text span {
      font-size: 4.5rem;
      padding: 10px 60px 0;
      height: 60px; }
    #main > div.module-container > .css-countdown-teaser .attention-text span:last-of-type {
      font-size: 3rem;
      padding: 6px 60px 0;
      height: 40px; }
  #main > div.module-container > .css-countdown-teaser .float-wrapper {
    border-width: 10px; }
    #main > div.module-container > .css-countdown-teaser .float-wrapper h4 {
      font-size: 2rem;
      margin: 16px 0 8px !important; }
    #main > div.module-container > .css-countdown-teaser .float-wrapper .countdown-container .amount {
      font-size: 4rem;
      letter-spacing: 0.25rem; }
    #main > div.module-container > .css-countdown-teaser .float-wrapper .countdown-container .label {
      font-size: 1.25rem;
      margin-top: -8px; }
    #main > div.module-container > .css-countdown-teaser .float-wrapper .countdown-container div.separator {
      font-size: 4.25rem;
      line-height: 1.05;
      margin: -1px; } }

@media only screen and (min-width: 900px) and (max-width: 1439px) {
  #main #sidebar .css-countdown-teaser .attention-text {
    line-height: 1.2; }
    #main #sidebar .css-countdown-teaser .attention-text span {
      font-size: 1.5rem;
      padding: 2px 24px 0;
      height: 20px; }
    #main #sidebar .css-countdown-teaser .attention-text span:last-of-type {
      font-size: 1rem;
      padding: 2px 24px 0;
      height: 16px; }
  #main #sidebar .css-countdown-teaser .float-wrapper {
    border-width: 4px; }
    #main #sidebar .css-countdown-teaser .float-wrapper .countdown-container {
      line-height: 1.2; }
      #main #sidebar .css-countdown-teaser .float-wrapper .countdown-container .amount {
        font-size: 1rem;
        letter-spacing: 0.1rem;
        font-weight: 600; }
      #main #sidebar .css-countdown-teaser .float-wrapper .countdown-container .label {
        font-size: 0.25rem; }
      #main #sidebar .css-countdown-teaser .float-wrapper .countdown-container div.separator {
        font-size: 1.25rem;
        line-height: 1;
        margin: -3px;
        vertical-align: text-top; } }