@font-face {
    /*font-family: 'Nohemi-Light-BF6438cc5702321';*/
    font-family: 'Raleway' ;
    src: url("./Font/Raleway-VariableFont_wght.ttf") format(truetype-variations);
    font-weight: 100 900; 
    /*src:url('\Font\Nohemi-Light-BF6438cc583f70b.otf') format('opentype'),
      url('\Font\Nohemi-Light-BF6438cc5702321.woff') format('woff'),
      url('\Font\Nohemi-Light-BF6438cc5702321.woff') format('woff2');
         
    /* Weitere Formate hinzufügen, falls erforderlich */
    /* font-weight, font-style, unicode-range etc. anpassen */
  }

  .projekt-container:not(:last-child) {
    border-bottom: 1px solid black;
    margin-bottom: 20px; /* Optionaler Abstand zwischen den Projekten */
  }
  

  body, p, h1, h2, h3 {
    font-family: 'Raleway', Arial, Helvetica, sans-serif;

    /* Weitere Stilregeln für den Text festlegen */
  }

  h1 {
    margin-top: 80px;    /* Oberer Abstand */
    margin-bottom: 10px; /* Unterer Abstand */
    margin-left: 0;      /* Linker Abstand */
    margin-right: 0;     /* Rechter Abstand */
    font-variation-settings: "wght" 100;
  
    transition: font-size 0.6s ease;
    text-align:left;

  }
  h2 {
    margin-top: 50px;    /* Oberer Abstand */
    margin-bottom: 10px; /* Unterer Abstand */
    margin-left: 0;      /* Linker Abstand */
    margin-right: 0;     /* Rechter Abstand */
  }
  
  h3 {
    margin-top: 10px;    /* Oberer Abstand */
    margin-bottom: 5px; /* Unterer Abstand */
    margin-left: 0;      /* Linker Abstand */
    margin-right: 0;     /* Rechter Abstand */
    color: #303030;
  }
  
nav {
    background-color: #ffffff; /* Hintergrundfarbe der Navigationsleiste anpassen */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  
  nav ul {
    list-style-type: none;
    margin: 0;
    padding: 10px;
  }
  
  nav ul li {
    display: inline;
  }
  
  nav ul li a {
    display: inline-block;
    padding: 10px 20px; /* Anpassen der Abstände zwischen den Links */
    text-decoration: none;
    color: #033d0bb9; /* Textfarbe der Links anpassen */
  }
  


a {
    color: #000; /* Setzt die Linkfarbe auf die Instagram-Farbe */
    text-decoration: none; /* Entfernt die Unterstreichung */
    
}

body {
  padding-top: 60px; /* Höhe der Navigationsleiste */
}


img {
  max-width: 100%;
  height: auto;
  width: auto; /* Optional, falls du nicht immer 500px Breite möchtest */
}