/* test */
        
        /* Füge benutzerdefinierten CSS-Stil hinzu */
        .orange-headline {
            color: #FFA500; /* Dunkles Orange */
        }

        .is-grey {
            font-weight: bolder;
        }

        /* Benutzerdefinierte Stile für die Überschrift */
        .bold-text {
            font-weight: bold;
        }

        .light-text {
            font-weight: lighter;
        }

        /* Benutzerdefiniertes CSS für das Logo-Bild */
        .custom-logo {
            width: 28px; /* Passen Sie die Breite an Ihre Bedürfnisse an */
            height: 28px; /* Passen Sie die Höhe an Ihre Bedürfnisse an */
            margin-right: 10px;
        }

        .ml-2.orange-headline.tight {
            line-height: 1.1em;
        }

        .ml-2.tight {
            line-height: 1.1em;
        }

        .link-2 {
            text-decoration: underline;
            color: #FFA500; /* Dunkles Orange */
        }





        /* porfolio */



    
/* Globale Basis für Bilder */
img {
  max-width: 100%;   /* Bild überschreitet nie die Containerbreite */
  height: auto;      /* proportional skalieren */
  display: block;    /* kein zusätzlicher Inline-Abstand */
}

/* Globale Videos */
video {
  max-width: 100%;   /* Video passt sich Containerbreite an */
  height: auto;      /* proportional */
  display: block;
}

/* Optional: kleine Basis für Links/Navigation, falls Portfolio-Navigation übernommen wird */
nav a.active {
  text-decoration: underline;  /* aktive Navigation hervorheben */
}