/* ### FONTS ###*/
      
      @font-face {
        font-family: 'Inter';
        src: url('../fonts/Inter-Regular.woff2') format('woff2');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
      }
  
      @font-face {
        font-family: 'Inter';
        src: url('../fonts/Inter-Bold.woff2') format('woff2');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
      }
  
      body {
        font-family: 'Inter', sans-serif;
      }
      
      /* ### NAVBAR ### */
      
      /* Height for devices larger than 576px */
      @media (min-width: 992px) {
        #intro {
          margin-top: -58.59px;
        }
      }
        .nav-collapse-custom {
        transition: all 0.3s ease;
      }
      @media (min-width: 767px) {
        .navbar-toggler {
          display: none;
        }
      }

        .navbar .nav-link {
          color: #fff !important;
      }
        
        .transparent-navbar {
          background-color: rgba(0, 0, 0, 0.4) !important;
          backdrop-filter: blur(5px);
          transition: background-color 0.3s ease;
      }


      /* ### CARDS - Button nach unten ### */

      .card-body {
        position: relative;
        min-height: 360px; /* je nach Inhalt anpassen */
        padding-bottom: 60px; /* Platz für Button schaffen */
      }
      
      .card-body .btn {
        position: absolute;
        bottom: 15px;
        left: 15px;
        right: 15px;
        width: calc(100% - 30px); /* entspricht left + right padding */
      }