<html><head></head><body><div data-t-name="FreeHtmlEmbed"><style>
    .image-container {
        text-align: center;
margin-left: -200px;
margin-right: -200px;
margin-top: -50px;
margin-bottom: -100px;
    }

    .image-container img {
        width: 100%;
        height: auto;
    }

    /* Regeln für Bildschirme mit einer Breite von bis zu 600px (typischerweise Mobilgeräte) */
    @media (max-width: 600px) {
        .image-container img {
            width: 100%; /* Das Bild nimmt die volle Breite des Bildschirms ein */
        }
.image-container {
margin-left: -100px;
margin-right: -100px;
margin-top: -5px;
margin-bottom: -25px;
    }
    }
</style>

<div class="image-container">
    <img src="https://production-livingdocs-bluewin-ch.imgix.net/2023/09/08/c72bf84a-d63e-48ec-a9c9-6409f1c1ca0b.jpeg" alt="blue Sport">
</div></div><div class="m-area">
  <div class="m-area__gate">
    <div class="a-image a-image--gate-horizontal">
      <img class="a-image__image js-a-image--lazyload" src="https://cdn.blue.ch/0.0.110/img/gate-horizontal/gate-320/gate.png?fallback" alt="gate" data-srcset="https://cdn.blue.ch/0.0.110/img/gate-horizontal/gate-320/gate.png 320w, https://cdn.blue.ch/0.0.110/img/gate-horizontal/gate-480/gate.png 480w, https://cdn.blue.ch/0.0.110/img/gate-horizontal/gate-768/gate.png 768w, https://cdn.blue.ch/0.0.110/img/gate-horizontal/gate-1024/gate.png 1024w, https://cdn.blue.ch/0.0.110/img/gate-horizontal/gate-1280/gate.png 1280w, https://cdn.blue.ch/0.0.110/img/gate-horizontal/gate-1440/gate.png 1440w" data-sizes="640px" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
      <div class="a-image__loader">
        <div class="a-loader"></div>
      </div>
    </div>
  </div>
  <div class="m-area__content"><div class="m-sectionhead m-sectionhead--centered">
  <div class="row justify-content-center">
    <div class="col-12 col-xl-10">
      <h3 class="m-sectionhead__title">Nur 3 Schritte bis zum Vergnügen mit blue Sport</h3>
    </div>
  </div>
  <div class="row justify-content-center">
    <div class="col-12 col-md-8 col-xl-6">
      <p class="m-sectionhead__text">Gut zu wissen: blue Sport ist auf Swisscom blue TV zu finden, das bedeutet aber nicht, dass du ein Swisscom-Kunde sein musst.</p>
    </div>
  </div>
</div><div data-t-name="FreeHtmlEmbed"><style>


    .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
margin-bottom: -20px;
    }

    .item {
      width: 300px;
      margin: 30px;
      text-align: left;
    }

    .circle {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: #007bff;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 21px;
      font-weight: bold;
      margin: 0 auto 25px;
    }

    img {
      max-width: 100%;
      height: auto;
    }

    .divider {
      border-bottom: 1px solid #ccc;
      margin: 20px;
    }

    @media (max-width: 600px) {
      .item {
        width: 90%;
      }
.container {
      justify-content: left;
margin-bottom: -20px;
    }
    }
@media (min-width: 768px) {
      .item {
        width: 25%;
      }
    }
  </style>
  <div class="container">
    <div class="item">
      <div class="circle">1</div>
      <p>Um blue Sport zu nutzen, benötigst du lediglich ein Swisscom-Login, welches du im nächsten Schritt erstellen kannst. Falls du bereits eines hast, logge dich direkt damit ein.</p>
    </div>
    <div class="item">
      <div class="circle">2</div>
      <p>Für die Nutzung von blue Sport ist zudem ein für alle kostenloses TV Air Free notwendig. Dieses kannst du ganz einfach während deiner Bestellung im zweiten Schritt hinzufügen. Es ist somit kein kostenpflichtiges TV Abo von Swisscom notwendig. Falls du aber ein TV-Abo von Swisscom hast, dann fällt dieser Schritt für dich weg.</p>
    </div>
    <div class="item">
      <div class="circle">3</div>
      <p>Zuletzt wählst du dein blue Sport Abo aus und schliesst die Bestellung ab.</p>
    </div>
  </div>


<br><br></div><div class="m-button-row">
  <div class="row">
    <div class="col-12 m-button-row__col"><div class="m-button-row__item">
  <a class="a-button" href="https://www.swisscom.ch/store-tv/wireline-tv/tvsubscriptioncenter?language=de&amp;case=registration&amp;option=BLUE_SPORTS_DE_YEARLY&amp;bigscreen=false">
    <span>Weiter</span>
  </a>
</div></div>
  </div>
</div></div>
</div></body></html>