.license-text .license-link-text {
    font-style: normal;
    font-size: 1.1vw;
    align-content: center;
    opacity: 0.5 !important;
    color: white !important;
}

    .license-link-text:hover {
        font-style: normal;
        text-decoration: none;
    }

.mud-carousel-item {
    animation-duration: 1.8s;
}


/*  Navigationsbutton */
.custom-nav-button {
    position: absolute;
    /* Volle Höhe des Carousels */
    top: 0;
    bottom: 0;
    /* Breite des Klickbereichs */
    width: 150px;
    /* Ausrichtung des Inhalts (SVG) innerhalb der Box */
    display: flex;
    align-items: center;
    justify-content: center;
    /* Für den Cursor und Übergänge */
    cursor: pointer;
    background: transparent;
    z-index: 999;
}

.right-button {
    right: 0;
    justify-content: flex-end;
    padding-right: 2%;
}

.left-button {
    left: 0;
    justify-content: flex-start;
    padding-left: 2%;
}

/* Hintergrund-Hervorhebung beim Hover über das gesamte Div */
.right-button:hover {
    /* Inset-Schatten: verläuft innen Richtung Mitte */
/*    box-shadow: inset -180px 0px 70px -90px rgba(0, 0, 0, 0.25);*/
    /* Du kannst die Werte anpassen:
       - 1. und 2. Wert: x- und y-Richtung (hier 0)
       - 3. Wert: Blur-Radius (z.B. 30px)
       - 4. Wert: Spread-Radius (z.B. 30px)
    */
}

/* Hintergrund-Hervorhebung beim Hover über das gesamte Div */
.left-button:hover {
    /* Inset-Schatten: verläuft innen Richtung Mitte */
/*    box-shadow: inset 180px 0px 60px -90px rgba(0, 0, 0, 0.25);*/
    /* Du kannst die Werte anpassen:
       - 1. und 2. Wert: x- und y-Richtung (hier 0)
       - 3. Wert: Blur-Radius (z.B. 30px)
       - 4. Wert: Spread-Radius (z.B. 30px)
    */
}

/* Standard-Style für den Pfad: Transition für weichen Farbwechsel */
.custom-nav-button svg path {
    fill: lightgray;
    stroke: black;
    stroke-width: 2;
    transition: fill 0.3s ease, stroke 0.3s ease, transform 0.3s ease;
}

/* Wenn man irgendwo in der custom-nav-button hovert,
       soll das Icon (der Pfad) eine andere Farbe bekommen. */
.custom-nav-button:hover svg path {
    fill: white; /* oder eine beliebige andere Highlight-Farbe */
    stroke: white;
    transform: scale(1.2);
}


.my-textfield .mud-input-control::-webkit-scrollbar {
    width: 8px; /* Breite des Scrollbalkens */
}

.my-textfield .mud-input-control::-webkit-scrollbar-track {
    /*background-color:lightgreen; */
}

.my-textfield .mud-input-control::-webkit-scrollbar-thumb {
    background-color: blue; /* Farbe des "Daumen"-Scrollers */
    border-radius: 4px;
}

    .my-textfield .mud-input-control::-webkit-scrollbar-thumb:hover {
        background-color: darkslategrey; /* Hover-Farbe */
    }

.no-select {
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Standard */
}

.my-textfield .mud-input textarea.mud-input-root {
    margin: 8px 1px 5px 8px;
}

.menu-falsch-button .mud-icon-button-label {
    color: whitesmoke;
}

.fam-falsch-list-item mud-list .mud-menu-list {
    
}