body {
    min-height: 100vh;
    background: linear-gradient(#00416A, #E4E5E6);
}

.menu::-webkit-scrollbar {
    display: none;
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 105px;
    height: 100%;
    transition: .3s;
    scrollbar-width: none;
    overflow: hidden scroll;
    background: #00000012;
    -ms-overflow-style: none;
    padding: 20px 20px 20px 0;
    backdrop-filter: blur(5px);
    box-shadow: 8px 0px 9px 0px #00000014;
}

.menu:hover {
    width: 260px;
}

.menu:hover li span:nth-child(2) {
    display: block;
}

.menu-content li {
    list-style: none;
    border-radius: 50px;
    transition: .3s;
    margin-bottom: 40px;   /* 🧍 Abstand zwischen den Kästchen */
    padding-left: 7px;
    height: 60px;          /* 📏 Feste Höhe */
    display: flex;         /* 🤝 Bild & Text nebeneinander */
    align-items: center;   /* 🎯 Schön mittig */
}


.menu-content li:hover {
    background: #01c1fc;
}

.menu-content li span:nth-child(2) {
    display: none;
}

a {
    text-decoration: none;
    color: rgb(213, 213, 213);
    display: flex;
    align-items: center;
    font-family: 'calibri';
}

.material-symbols-outlined {
    padding: 10px;
    font-size: 25px;
    margin-right: 15px;
    border-radius: 53%;
    background: #000000;
}

.center {
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.text {
    font-family: 'calibri';
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    transition: .3s;
    padding: 20px;
}

.register-btn {
  background-color: #01c1fc;
  padding: 10px;
  border-radius: 10px;
  border: none;        /* Entfernt die schwarze Linie */
  outline: none;       /* Entfernt den Fokusrahmen */
  font-size: 25px;
  height: 45x;
  width: 175px;
  margin: 120px;
  font-family: 'calibri';
  font-weight: 800;
  font-style: italic;
}

.mail {
    border-radius: 8.5px;
    border: solid #000000 1px;        /* Entfernt die schwarze Linie */
    outline: none;       /* Entfernt den Fokusrahmen */
    font-size: 20px;
    height: 32px;
    background-color: #53bdff;
    color: #000000
}

.pass {
    border: none;        /* Entfernt die schwarze Linie */
    outline: none;       /* Entfernt den Fokusrahmen */
    font-size: 20px;
    height: 32px;
    border-radius: 8.5px;
    margin-top: 20px;
    background-color: #53bdff;
    border: solid #000000 1px;
}

.regtext {
    font-family: 'calibri';
    font-size: 50px;
    font-weight: 400;
}

.divreg {
    border-radius: 20px;
    background-color: #00000012;
}