/* css/base.css */
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("/css/fonts/Bricolage_Grotesque/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf") format("truetype");
  font-weight: 200 800;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/css/fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

* {
  font-family: "Bricolage Grotesque", sans-serif;
}
body {
   margin: auto;
    
    color: rgb(114, 84, 84);
    min-height: 100vh;
    display: flex;
    background: #23232a;
  padding-bottom: 150px;
  transition: opacity 0.5s ease;
  overflow-x: hidden; /* Horizontales Scrollen verhindern */
  margin: 0;
    
      
      
     
      
    
    
}
 body.fade-out {
        opacity: 0;
      }
/*  Füge hier weitere grundlegende Stile hinzu, z.B.: */

h1, h2, h3, h4, h5, h6 {
    /* Stile für Überschriften */

    color: rgb(230, 230, 230)
    ;
  
    margin-top: 1em;
    margin-bottom: 0.5em;
    line-height: 1.2;
}

a {
   
    text-decoration: none;
}