@import url("https://use.typekit.net/eho4jqg.css");

@font-face {
  font-family: 'swing';
  src: url(/fonts/swing.woff) format('woff');
}



/* AUSGEWÄHLTER TEXT */
::selection {
  background-color: rgb(235, 235, 235);
}

* {
  margin: 0;
  margin-left: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/* FLIESSTEXT */
p {
  color: black;
  font-family: "manop-variable", sans-serif;
  font-variation-settings: "wdth" 120, "wght" 350;
  font-style: normal;
  font-size: 1vw;
  line-height: 150%;
  padding-left: 3vw;
  padding-right: 3vw;
  padding-top: 5vw;
  padding-bottom: 3vh;
  max-width: 40%;
}


/* === Header-Navigation: Basis für Desktop & Mobile === */
.site-nav {
  position: fixed;
  /* oben festpinnen */
  width: 100%;
  height: 4vw;
  /* Desktop-Höhe; wird mobil überschrieben */
  z-index: 1000;
  /* sicher über Content/Slider */
  /*backdrop-filter: blur(6px); */
}

/* UL als Flex-Zeile, Bullets weg, horizontale Ausrichtung */
.site-nav ul {
  display: flex;
  justify-content: space-between;
  /* Pfeil links, About me rechts */
  align-items: center;
  list-style: none;
  /* Punkte entfernen */
  margin-bottom: 2vw;
  /* Standard-UL-Margins resetten */
  padding: 2vw 3vw;
  /* Innenabstand */
}

/* (optional, schadet aber nicht) */
.site-nav li {
  list-style: none;
}

.nav-arrow {
  font-size: 1.5rem;
  /* größer/kleiner machen: z.B. 1.5rem, 3rem */
  line-height: 1;
  /* kompaktere Höhe */
  text-decoration: none;
}


/* Bearbeitung der Links */
a {
  transition: all .1s;
  text-decoration: none;
  color: black;
  font-family: "manop-variable", sans-serif;
  font-variation-settings: "wdth" 120, "wght" 700;
  font-style: normal;
  font-size: 1vw;
}

/* Bearbeitung des Hover-Effekt der Links */
a:hover {
  font-family: "manop-variable", sans-serif;
  font-variation-settings: "wdth" 120, "wght" 350;
}





@media (max-width: 768px) {
  p {
    max-width: 100%;
    font-size: 4vw;
    padding-top: 12vw;
    padding-bottom: 3vh;
  }
}