body {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 15px;
    height: 100vh;
    background-color: #18171c;
}

.outfit-font {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.title{
	font-family: 'Outfit', sans-serif;
}


@media (hover: none) and (pointer: coarse) {
  .cursor {
    display: none; 
  }
}



p {
    font-family: 'Outfit', sans-serif;
}

li {
  font-family: 'Outfit', sans-serif;
}

:root {
  --underline-height: 4px; /* Beispielwert */
  --underline-color: #485748; /* Beispielwert */
}

.link {
  margin-top: 2px;
  font-family: "BBH Bogle", sans-serif;
  font-weight: 200;
  font-size: 20px;
  margin-right: 10px;
  float: left;
  padding-left: 75%;
  position: relative;
  text-decoration: none;
  color: #18171c;
  padding: 0 1px;
  transition: color ease 0.3s;
}


.link:hover {
  color: #485748;
  cursor: none;
}

.link:hover::after {
  height: 100%;
  cursor: none;
}