@font-face {
  font-family: 'neuehaasbody';
  src: url('./assets/fonts/NeueHaasDisplayMediu.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'milton';
  src: url('./assets/fonts/Milton_One.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
    /* Macht die Schrift optisch dünner und schärfer */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
    
    /* Stelle sicher, dass die Farbe exakt gleich ist (Work page nutzt #111, nicht #000) */
    color: #111; 
    
    /* Sicherheitshalber die Standard-Dicke erzwingen */
    font-weight: 400; 
}

html{
    font-size: 22px
}

body {
    background-color: #ffffff;
    color: rgb(0, 0, 0);
}

.navbuttons {
    background-color: transparent;
    border: none;
    text-decoration: none;
    height: 40px;
    width: 140px;
    cursor: pointer;
    font-size: 25px;
    font-family: 'neuehaasbody';
    transition: filter 0.3s,
        color 0.3s;
}

.navbuttons:hover{
    color: red;
    filter:blur(5px);

}

#workbutton{
    position:absolute;
    top: 20px;
    left: 46%;

}

#personbutton{
    position:absolute;
    top: 20px;
    left: 5%;

}

#contactbutton{
    position:absolute;
    top: 20px;
    right: 5%;

}

.namelogo{
    position: absolute;
    top: 88%;
    left: 44%;
    font-size: 60px;
    font-family: 'milton';
    background-color: transparent;
    border-color: transparent;

}

/* In deiner style.css */

.video-container {
  width: 100%;       /* Der Container ist so breit wie die Seite */
  display: flex;
  justify-content: center; /* Zentriert das Video horizontal */
  margin-top: 16vh
}

.mein-video {
  width: 80%;        /* Video soll 80% des Containers füllen */
  max-width: 1000px;  /* Aber nicht breiter als 800px werden */
}