www.komoot.com Open in urlscan Pro
13.224.189.120  Public Scan

Submitted URL: https://api.komoot.de/v007/mail/c?u=2655622199633&t=weekly_highlight&d=1493&r=https://www.komoot.com/fr-fr/discover/to...
Effective URL: https://www.komoot.com/fr-fr/discover/tours?map=true
Submission: On September 05 via api from BE — Scanned from DE

Form analysis 1 forms found in the DOM

<form class="css-nk1i1k">
  <style data-emotion="css zg4hkh">
    .css-zg4hkh {
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      bottom: 0;
      color: var(--theme-ui-colors-whisper);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      left: 0;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      position: absolute;
      top: 0;
    }
  </style>
  <div class="css-zg4hkh">
    <style data-emotion="css 394ij8">
      .css-394ij8 {
        color: currentColor;
        height: 1.5rem;
        pointer-events: none;
        width: 1.5rem;
      }
    </style><svg aria-hidden="true" role="presentation" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-394ij8">
      <path d="M15.05 16.463a7.5 7.5 0 111.414-1.414L21 19.586 19.586 21l-4.537-4.537zM16 10.5a5.5 5.5 0 10-11 0 5.5 5.5 0 0011 0z" fill="currentColor"></path>
    </svg>
  </div>
  <style data-emotion="css 1jg5xpk">
    .css-1jg5xpk {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      background-color: rgba(0, 0, 0, 0.10);
      border-color: transparent;
      border-radius: 8px;
      border-style: solid;
      color: var(--theme-ui-colors-text);
      display: block;
      min-height: 2.5rem;
      width: 100%;
      font-size: 16px;
      font-family: inherit;
      line-height: inherit;
      text-overflow: ellipsis;
      border-width: 1px;
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }

    .css-1jg5xpk::-webkit-input-placeholder {
      color: var(--theme-ui-colors-whisper);
      opacity: 0.8;
    }

    .css-1jg5xpk::-moz-placeholder {
      color: var(--theme-ui-colors-whisper);
      opacity: 0.8;
    }

    .css-1jg5xpk:-ms-input-placeholder {
      color: var(--theme-ui-colors-whisper);
      opacity: 0.8;
    }

    .css-1jg5xpk::placeholder {
      color: var(--theme-ui-colors-whisper);
      opacity: 0.8;
    }
  </style><input data-test-id="discover-search" autocomplete="off" placeholder="Rechercher un lieu ou itinéraire" role="combobox" aria-autocomplete="both" aria-activedescendant="" aria-owns="results" list="results" class="css-1jg5xpk"
    value="Position actuelle ">
  <style data-emotion="css 1jrkg6s">
    .css-1jrkg6s {
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      bottom: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      position: absolute;
      right: 0;
      top: 0;
    }
  </style>
  <div class="css-1jrkg6s">
    <style data-emotion="css cppckt">
      .css-cppckt {
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        background-color: transparent;
        border-color: transparent;
        border-radius: 9999em;
        border-style: solid;
        color: var(--theme-ui-colors-whisper);
        cursor: pointer;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        pointer-events: auto;
        text-align: center;
        width: unset;
        border-width: 0.0625rem;
        -webkit-text-decoration: none;
        text-decoration: none;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5rem;
        padding-left: 0.1875rem;
        padding-right: 0.1875rem;
        padding-top: 0.1875rem;
        padding-bottom: 0.1875rem;
      }

      .css-cppckt:hover,
      .css-cppckt:focus {
        color: #5b5b5b;
        background-color: rgba(102, 102, 102, 0.1);
      }
    </style><button type="button" class="css-cppckt">
      <style data-emotion="css 14rtdfd">
        .css-14rtdfd {
          min-width: 1.5rem;
        }
      </style><span class="css-14rtdfd">
        <style data-emotion="css rjl6tn">
          .css-rjl6tn {
            color: currentColor;
            height: 1.5rem;
            width: 1.5rem;
          }
        </style><svg aria-hidden="true" role="presentation" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-rjl6tn">
          <path d="M7.757 6.343L6.343 7.757 10.586 12l-4.243 4.243 1.414 1.414L12 13.414l4.243 4.243 1.414-1.414L13.414 12l4.243-4.243-1.414-1.414L12 10.586 7.757 6.343z" fill="currentColor"></path>
        </svg>
      </span>
    </button>
  </div>
</form>

Text Content

komoot
 * Itinéraires
 * Planificateur d'itinéraire
 * Fonctionnalités



Randonnée




Départ de

rayon de 30 km

Repère déposérayon de 5 kmrayon de 10 kmrayon de 20 kmrayon de 30 kmrayon de 50
kmrayon de 100 kmrayon de 200 kmrayon de 500 km
Filtrer
Planifier
loading