.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 5px;
    background-color: #81a8ce;
}

.Me {
    font-size: 40px;
}

.navbar-nav li a:hover {
    color: #000000 !important;
}

.row.content {
    height: 800px
}

.sidenav {
    background-color: #93b2cf;
    height: 80%;
    min-width: 200px;
}

footer {
    background-color: #555;
    color: white;
    padding: 15px;
}

body {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}

.technologie-name-lang {
    display: inline-block;
    min-width: 60px; /* Passe diese Breite nach Bedarf an, damit sie zum längsten Text passt */
}

.technologie-name-tools {
    display: inline-block;
    min-width: 115px; /* Passe diese Breite nach Bedarf an, damit sie zum längsten Text passt */
}

.ausbildung {
    display: inline-block;
    min-width: 105px; /* Passe diese Breite nach Bedarf an, damit sie zum längsten Text passt */
}

.btn-disabled {
    color: #5a5a5a !important; /* Graue Farbe */
    background-color: #c0c0c0 !important;
    border-color: #c0c0c0 !important;
    pointer-events: none; /* Verhindert Klick-Events */
    cursor: not-allowed; /* Ändert den Cursor, um Nichtverfügbarkeit zu signalisieren */
}

/* Basisstil für Sterne */
.star {
    color: goldenrod;
    font-size: 20px;
}

/* Stil für ungefüllte Sterne (optional) */
.star-empty {
    color: #ccc;
}

.portfolio-unit-min-height {
    min-height: 300px; /* Setze die minimale Höhe nach deinen Bedürfnissen */
}

.mainpage {
    background-color: #f0f0f0 !important;
}