/* Profil */
.main-container{
    width: 70%;
}
.nav_einstellung {
    width: 100%;
}

.nav_einstellung ul {
    list-style-type: none;
    padding: 0;
    margin: 0; /* Hinzugefügter Stil, um den Abstand zwischen den Listen zu entfernen */
}

.nav_einstellung li {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: calc(30.33% - 2px); /* Breite auf 33.33% der Containerbreite setzen und 2px für den Rand abziehen */
    border: 1px solid black;
    text-align: center;
    background-color: gray;
    box-sizing: border-box; /* Hinzugefügter Stil, um den Rand in die Breite des Elements einzubeziehen */
}
.nav_einstellung li a{
    width: 100%;
}
/* Stile für die aktive Registerkarte */
.nav_einstellung li:active a {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

/* Stile für die Tab-Inhalte */
.nav_einstellung li a:hover{
    background-color: red;
}


/* Stile für einzelne Tab-Inhalte */
.tab-pane {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-top: 20px;
}
.nav_einstellung li a:hover #email{
    background-color: black;
}
.tab-pane {
    display: none; /* Standardmäßig verstecken */
  }
.active {
    display: block; /* Anzeigen, wenn aktiv */
}


/* Abwesenheit */
.links_rechts {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 1fr für jede Spalte, um den verfügbaren Platz gleichmäßig zu teilen */
  }
  
  .links {
    border: 1px solid black;
    padding: 15px;
    grid-column: 1; /* Links soll in der ersten Spalte sein */
  }
  
  .rechts {
    border: 1px solid black;
    padding: 15px;
    grid-column: 2; /* Rechts soll in der zweiten Spalte sein */
  }