/***************************************/
/* Overwrite Default Styles: */
/***************************************/
body {
    color: #231F20!important;
}

h1 {
    font-weight: bold;
}

h1 a {
    color: #F6D40A!important;
    /* text-decoration: none; */
    /* border-bottom-style: solid; */
    /* border-color: #231F20!important; */
}

h2 {
    font-weight: bold;
    border-bottom-style: solid;
    border-color: #F6D40A!important;
}

h3 {
    font-weight: bold;
    font-size: 1.2rem;
}



/***************************************/
/* Individual Styles: */
/***************************************/
.intro {
    font-size: 1.1rem;
}

/* Sticky Navigation */
nav.w3-bar {
    position: fixed;  /* Fixiere die Navigation am oberen Rand */
    top: 0;           /* Positioniere sie ganz oben */
    left: 0;          /* Stelle sicher, dass sie sich am linken Rand ausrichtet */
    width: 100%;      /* Die Navigation soll die volle Breite einnehmen */
    z-index: 1000;    /* Stelle sicher, dass sie über dem restlichen Inhalt bleibt */
}

/* Verhindern, dass der Inhalt unter der Navigation verschwindet */
body {
    padding-top: 50px;  /* Ersetze '60px' mit der tatsächlichen Höhe deiner Navigationsleiste */
}

/* Optional: Um der Navigation eine Schattenwirkung zu geben */
nav.w3-bar {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Füge Schatten hinzu, um die Trennung vom Rest der Seite zu verbessern */
}

/* Standard Zustand der Navigations-Links */
.w3-bar-item {
    text-decoration: none; /* Entfernt jegliche Standard-Unterstreichung */
    position: relative; /* Ermöglicht das Positionieren der Linie */
}