h1 a, h2 a {
    color: #5c597e;
}

/* h1, h2 {
    color: #716e91;
} */

a.page-link {
    color: #9e97ee;
}

.nav-link {
    color:azure;
}

body {
    margin: 15px;
    background-color: #d5d7d9;
    color: #3c3d42;
    /* background-color: #d5d7d9; */
    /* color: #140b91; */
}

.sidebar {
    width: 200px;
}

textarea {
    background-color: #d5d7d9;
}


#cancelbtn {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 10px;
    /* background-color: #007bff; */
    /* color: white; */
    /* border: none; */
    /* border-radius: 5px; */
    /* font-size: 16px; */
    /* cursor: pointer; */
}

button , .btn{
    color: #090909;
    background: #e8e8e8;
    border: 1px solid #e8e8e8;
    transition: all 0.3s;
    box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #fff;
  }

  button:hover, .btn {
    box-shadow: -6px -6px 12px #c5c5c5, 6px 6px 12px #fff;
  }

  .logout-button {
    background-color: #3498db; /* Eine moderne Farbe für den Button */
    color: white; /* Weißer Text */
    padding: 10px 20px; /* Abstände innerhalb des Buttons */
    border: none; /* Keine Rahmen */
    border-radius: 5px; /* Leicht abgerundete Ecken */
    cursor: pointer; /* Ändert den Mauszeiger bei Hover */
    transition: background-color 0.3s, transform 0.2s; /* Sanfter Übergangseffekt */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}

.logout-button:hover {
    background-color: #2980b9; /* Dunklere Farbe beim Hover */
    transform: scale(1.05); /* Leichtes Vergrößern beim Hover */
}

.logout-button:active {
    background-color: #1abc9c; /* Andere Farbe bei Klick */
}