@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Admin_Features/_CarDetails/CarDetails.razor.rz.scp.css */
.wrapper[b-mbjdcewaca]{
    display: flex;

    flex-direction: column;
}

.top[b-mbjdcewaca]{
    display: flex;

    height: 40rem;
}

.top-left[b-mbjdcewaca],
.top-middle[b-mbjdcewaca],
.top-right[b-mbjdcewaca]{
    flex: 1;
}

.top-middle[b-mbjdcewaca]{
    overflow-y: auto;
}

.top-left[b-mbjdcewaca] {
    padding: 1rem; 
    display: flex;
    flex-direction: column;
    align-items: center;
}

.top-right[b-mbjdcewaca]{
    display: flex;

    flex-direction: column;
}

.header[b-mbjdcewaca]{
    min-height: 6rem !important;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 1.4rem;

    font-weight: bold;

    background-color: white;

    border: 1px solid black;
}

.content[b-mbjdcewaca]{
    overflow-y: auto;

    height: 100%;

    padding: 1rem;

    background-color: rgb(180, 180, 180);

    border: 1px solid black;
    border-top: none;
}

[b-mbjdcewaca] .car-image{
    height: 40%;

    font-size: 3rem;
}

.bottom[b-mbjdcewaca]{
    display: flex;

    height: 40rem;
}

.bottom-left[b-mbjdcewaca],
.bottom-middle[b-mbjdcewaca],
.bottom-right[b-mbjdcewaca]{
    flex: 1;

    display: flex;
    flex-direction: column;
}

.content--flex-row[b-mbjdcewaca]{
    display: flex;
}

.content--no-padding[b-mbjdcewaca]{
    padding: 0;

    height: 100%;

    overflow: hidden;
}

.sightings[b-mbjdcewaca]{
    border-bottom: none;
}

.turnovers-header[b-mbjdcewaca],
.turnovers[b-mbjdcewaca],
.damages-header[b-mbjdcewaca],
.damages[b-mbjdcewaca]{
    border-right: none;
}

.current-driver-header[b-mbjdcewaca],
.last-drivers-header[b-mbjdcewaca]{
    border-top: none;
    border-left: none;
}

.current-driver-content[b-mbjdcewaca],
.last-drivers-content[b-mbjdcewaca]{
    border-left: none;
}

.last-drivers[b-mbjdcewaca],
.current-driver[b-mbjdcewaca]{
    display: flex;

    flex-direction: column;

    height: 100%;
}

.last-drivers[b-mbjdcewaca]{
    width: 100%;
}

.current-driver-content[b-mbjdcewaca]{
    display: grid;

    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 100px);

    width: 300px;
}

.third[b-mbjdcewaca]{
    grid-column: 1 / 3;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;
}

.second[b-mbjdcewaca]{
    display: flex;

    flex-direction: column;

    justify-content: center;
    align-items: center;
}

[b-mbjdcewaca] .current-driver-img{
    width: 100px;

    font-size: 3rem;
}

.content--none[b-mbjdcewaca]{
    height: 100%;
    margin: 1rem;
}

.drivers[b-mbjdcewaca] {
    border-right: none;
    border-bottom: none;
}

.last-drivers-content[b-mbjdcewaca]{
    gap: 1rem;

    display: grid;

    grid-template-columns: 1fr;
}

.documents-header[b-mbjdcewaca]{
    border-top: none;
}

.documents[b-mbjdcewaca]{
    display: grid;

    grid-template-columns: repeat(3, 1fr);
}

.car-infos[b-mbjdcewaca]{
    height: fit-content;
    width: 100%;

    display: grid;

    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(100px, 1fr);

    gap: 2rem;

    padding: 1rem;

    background-color: rgb(180, 180, 180);
}

@media(max-width: 1500px){
    .bottom[b-mbjdcewaca]{
        display: grid;

        grid-template-columns: repeat(2, 1fr);

        grid-template-rows: repeat(2, 400px);

        height: 800px;
    }

    .bottom-right[b-mbjdcewaca]{
        grid-column: 1 / 3;
    }

    .drivers-header[b-mbjdcewaca]{
        border-top: none;
    }

    .damages[b-mbjdcewaca],
    .damages-header[b-mbjdcewaca]{
        border-right: 1px solid black;
    }

    .top[b-mbjdcewaca]{
        display: grid;

        height: 800px;

        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 400px);
    }

    .top-right[b-mbjdcewaca]{
        grid-row: 2;
        grid-column: 1 / 4;
    }

    .top-middle[b-mbjdcewaca]{
        grid-column: 2 / 4;
    }

    .drivers[b-mbjdcewaca]{
        border-right: 1px solid black;
    }

    .last-drivers-content[b-mbjdcewaca],
    .last-drivers-header[b-mbjdcewaca]{
        border-right: none;
    }
}

@media(max-width: 715px){
    .bottom[b-mbjdcewaca]{
        height: 1600px;

        grid-template-rows: repeat(3, 400px);
        grid-template-columns: 1fr;
    }

    .bottom-middle[b-mbjdcewaca]{
        grid-row: 2;
    }

    .turnovers[b-mbjdcewaca],
    .turnovers-header[b-mbjdcewaca]{
        border: 1px solid black;
    }

    .turnovers[b-mbjdcewaca]{
        border-top: none;
        border-bottom: none;
    }

    .top[b-mbjdcewaca]{
        height: 1200px;

        display: flex;

        flex-direction: column;
    }

    .top-left[b-mbjdcewaca]{
        grid-row: 1;
    }

    .top-middle[b-mbjdcewaca]{
        grid-row: 2;

        width: 100%;
    }

    .top-right[b-mbjdcewaca]{
        grid-row: 3;
    }

    .top-left[b-mbjdcewaca],
    .top-middle[b-mbjdcewaca],
    .top-right[b-mbjdcewaca]{
        height: 400px;
    }

    .bottom-right[b-mbjdcewaca]{
        height: 800px;
    }

    .drivers[b-mbjdcewaca]{
        display: flex;

        flex-direction: column;
    }

    .current-driver-header[b-mbjdcewaca]{
        border-right: none;
    }

    .current-driver-content[b-mbjdcewaca]{
        width: 100%;

        border-right: none;
    }

    .last-drivers-content[b-mbjdcewaca]{
        height: 400px;
    }

    .documents-header[b-mbjdcewaca]{
        border-top: 1px solid black;
    }

    .documents[b-mbjdcewaca]{
        grid-template-columns: 1fr;
    }

    .car-infos[b-mbjdcewaca]{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width: 480px){
    .car-infos[b-mbjdcewaca]{
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Admin_Features/_CarDetails/CarDetailsSichtungLink.razor.rz.scp.css */
.sichtung__link[b-zktg6r7k5g] {
    min-height: 50px;
    width: 100%;
    display: flex;
    background-color: rgb(240, 240, 240);
    cursor: pointer;
    transition: all 0.3s;
}

a[b-zktg6r7k5g]{
    text-decoration: none;

    color: initial;
}

    .sichtung__link:hover[b-zktg6r7k5g] {
        box-shadow: 0 0 0.6rem 0.1rem black;
        transform: translateY(-3px);
    }

    .sichtung__link:not(:last-child)[b-zktg6r7k5g] {
        margin-bottom: 1rem;
    }

.sichtung-link__left[b-zktg6r7k5g] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    font-size: 1.2rem;
}

.sichtung-link__right[b-zktg6r7k5g] {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    background-color: rgb(255, 255, 255);
}
/* /Admin_Features/_CarDetails/CarDetailsTurnOverElement.razor.rz.scp.css */
.sichtung__link[b-u2h3i2aj48] {
    min-height: 50px;
    width: 100%;
    display: flex;
    background-color: rgb(240, 240, 240);
    cursor: pointer;
    transition: all 0.3s;
}

a[b-u2h3i2aj48] {
    text-decoration: none;
    color: initial;
}

.sichtung__link:hover[b-u2h3i2aj48] {
    box-shadow: 0 0 0.6rem 0.1rem black;
    transform: translateY(-3px);
}

.sichtung__link:not(:last-child)[b-u2h3i2aj48] {
    margin-bottom: 1rem;
}

.sichtung-link__left[b-u2h3i2aj48] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    font-size: 1.2rem;
}

.sichtung-link__right[b-u2h3i2aj48] {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    background-color: rgb(255, 255, 255);
}
/* /Admin_Features/_CarDetails/CarInfo.razor.rz.scp.css */
.wrapper[b-hpzx983m3h]{
    border: 1px solid black;;

    display: flex;

    flex-direction: column;

    height: 100%;
}

.header[b-hpzx983m3h]{
    padding: 1rem;

    display: flex;

    justify-content: center;
    align-items: center;

    font-weight: bold;

    background-color: white;

    border-bottom: 1px solid black;

    text-align: center;
}

.value[b-hpzx983m3h]{
    background-color: rgb(220, 220, 220);

    padding: 2rem;

    flex: 1;

    display: flex;

    justify-content: center;
    align-items: center;

    word-break: break-all;
}

.no-value[b-hpzx983m3h]{
    background-color: white;

    flex: 1;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 2rem;
}
/* /Admin_Features/_CarDetails/DocumentOrImage.razor.rz.scp.css */
a[b-1dtf1851jj]{
    display: flex;

    justify-content: center;
    align-items: center;
}
/* /Admin_Features/_CarDetails/PreviousDriverElement.razor.rz.scp.css */

.all-drivers__driver[b-8telmszhoo] {
    height: 100px;
    background-color: rgb(240, 240, 240);
    display: flex;
    cursor: pointer;
    transition: all 0.3s;
}

    .all-drivers__driver:hover[b-8telmszhoo] {
        box-shadow: 0 0 0.6rem 0.1rem black;
    }

.all-drivers-driver__left[b-8telmszhoo] {
    width: 100px;
    padding: 0.2rem;
}

    .all-drivers-driver__left[b-8telmszhoo]  img {
        height: 100%;
        width: 100%;
    }

.all-drivers-driver__right[b-8telmszhoo] {
    flex: 1;
    padding: 1.5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0.2rem;
    font-size: 1.2rem;
}
/* /Admin_Features/_CreateCustomNotification/CreateCustomNotification.razor.rz.scp.css */
.wrapper[b-pbkexcir2s]{
    height: 100%;
}

[b-pbkexcir2s] .form{
    height: fit-content;

    background-color: rgb(220, 220, 220);
}

.header[b-pbkexcir2s]{
    font-size: 2rem;

    padding: 2rem;

    display: flex;

    justify-content: center;
    align-items: center;

    background-color: rgb(240, 240, 240);
}

.d-flex[b-pbkexcir2s]{
    display: flex;

    flex-wrap: wrap;

    height: fit-content;

    padding: 1rem;

    gap: 1rem;
}

.flex-column[b-pbkexcir2s]{
    flex-direction: column;
}

.flex-row[b-pbkexcir2s]{
    flex-direction: row;
}

.user-wrapper[b-pbkexcir2s]{
    padding: 1rem;

    height: 5rem;

    width: fit-content;
    min-width: 10rem;

    display: flex;

    justify-content: center;
    align-items: center;

    background-color: white;

    cursor: pointer;

    transition: all 0.3s;

    position: relative;
}

.notifications-activated[b-pbkexcir2s]{
    color: green;
}

.notifications-deactivated[b-pbkexcir2s]{
    color: red;
}

.user-wrapper:hover[b-pbkexcir2s]{
    background-color: rgb(240, 240, 240);
    box-shadow: 0 0 1rem 1px black;

    transform: translateY(-1px);
}

.user-name[b-pbkexcir2s]{
    font-size: 1.4rem;
}

.remove-user[b-pbkexcir2s]{
    position: absolute;

    top: 0;
    right: 0;

    height: 1.6rem;
    width: 1.6rem;

    display: flex;

    justify-content: center;
    align-items: center;

    text-align: center;

    background-color: #ff0000;
    color: white;
}

.reminder-wrapper[b-pbkexcir2s]{
    min-height: 8rem;
    min-width: 15rem;
    width: fit-content;

    position: relative;

    background-color: white;

    cursor: pointer;
}

.reminder[b-pbkexcir2s]{
    display: flex;

    flex-direction: column;

    background-color: rgb(240, 240, 240);
}

.reminder-header[b-pbkexcir2s]{
    width: 100%;

    padding: 1rem;
    padding-right: 3rem;
}

.reminder-date[b-pbkexcir2s]{
    text-align: center;

    font-weight: bold;

    padding-bottom: 1rem;
}

.reminder-text[b-pbkexcir2s]{
    height: fit-content;

    word-break: break-word;

    padding: 1rem;
}

.reminder-wrapper:hover[b-pbkexcir2s]{
    background-color: rgb(240, 240, 240);
    box-shadow: 0 0 1rem 1px black;

    transform: translateY(-1px);
}
/* /Admin_Features/_CreateEditCar/CreateEditCar.razor.rz.scp.css */
.create-car__input-form[b-a808rgiwiy] {
    height: fit-content;
    min-height: 100%;
    max-width: 100%;
    background-color: rgb(220, 220, 220);
    display: flex;
    flex-direction: column;
}

[b-a808rgiwiy] .create-car__edit-form{
    height: 100%;
}

.line[b-a808rgiwiy]{
    height: fit-content;

    flex: 1;

    margin: 1rem 0;

    background-color: rgb(220, 220, 220);
}

.header[b-a808rgiwiy]{
    font-size: 2rem;

    background-color: rgb(240, 240, 240);

    padding: 1rem;
}

.d-flex[b-a808rgiwiy]{
    display: flex;

    flex: 1;
}

.justify-center[b-a808rgiwiy]{
    justify-content: center;
}

.align-center[b-a808rgiwiy]{
    align-items: center;
}

.flex-row[b-a808rgiwiy]{
    flex-direction: row;
}

.flex-column[b-a808rgiwiy]{
    flex-direction: column;
}

[b-a808rgiwiy] .picture-input-flex-1{
    flex: 1;

    display: flex;

    justify-content: center;
    align-items: center;
}

.line__content[b-a808rgiwiy] {
    display: grid;

    padding: 1rem;

    grid-template-columns: repeat(4, 1fr);

    grid-auto-rows: minmax(220px, auto);

    gap: 2rem;
}


@media(max-width: 1500px) {
    .row-line-one[b-a808rgiwiy]{
        flex-direction: column;
    }

    .line__content[b-a808rgiwiy]{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 715px){
    .line__content[b-a808rgiwiy]{
        grid-template-columns: 1fr;
    }

    .flex-column--715px[b-a808rgiwiy]{
        flex-direction: column;
    }

    [b-a808rgiwiy] .img-input__wrapper{
        height: 200px;
    }
}

@media(max-width: 480px){
    [b-a808rgiwiy] .create-car__edit-form {
        padding: 1rem;
    }
}

@media(max-width: 380px){
    .flex-column--380px[b-a808rgiwiy]{
        flex-direction: column;
    }
}
/* /Admin_Features/_DamageDetails/Components/CarDamageOverview.razor.rz.scp.css */
.damage-search[b-30vy2wtrd2] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.damage-search__input[b-30vy2wtrd2] {
    padding: 0.6rem 1.2rem;
    border: var(--border);
    border-radius: var(--border-radius-base);
    font-size: var(--font-size-base);
    width: 260px;
    max-width: 90%;
    transition: border-color 0.2s ease;
}

    .damage-search__input:focus[b-30vy2wtrd2] {
        outline: none;
        border-color: #007bff;
        box-shadow: var(--shadow-focus);
    }

.damage-info[b-30vy2wtrd2] {
    font-size: 1.4rem; /* deutlich größere Schrift */
    font-weight: 600; /* fett */
    color: #222; /* dunkle Farbe */
    padding: 1rem; /* etwas Innenabstand */
    background-color: #f0f0f0; /* hellgrauer Hintergrund für Klarheit */
    border-radius: var(--border-radius-base);
    width: fit-content; /* so breit wie Inhalt */
    user-select: none;
}



.damage-search__toggle[b-30vy2wtrd2] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-small);
  color: #333;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  position: relative;
}

/* Verstecke die Checkbox */
.damage-search__toggle input[type="checkbox"][b-30vy2wtrd2] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

/* Schalter-Hintergrund */
.damage-search__toggle .slider[b-30vy2wtrd2] {
  position: relative;
  width: 40px;
  height: 20px;
  background-color: #ccc;
  border-radius: 34px;
  transition: background-color 0.3s;
}

/* Der runde Schieber */
.damage-search__toggle .slider[b-30vy2wtrd2]::before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 2px;
  top: 2px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
}

/* Wenn Checkbox aktiviert ist */
.damage-search__toggle input:checked + .slider[b-30vy2wtrd2] {
  background-color: #4caf50;
}

.damage-search__toggle input:checked + .slider[b-30vy2wtrd2]::before {
  transform: translateX(20px);
}



.damage-card[b-30vy2wtrd2] {
    border: var(--border);
    border-radius: var(--border-radius-base);
    margin: 2rem auto;
    max-width: 1000px;
    box-shadow: var(--shadow);
    background-color: var(--color-background);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.damage-card__header[b-30vy2wtrd2] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 2rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .damage-card__header:hover[b-30vy2wtrd2] {
        background-color: #f8f9fa;
    }

.damage-card__summary[b-30vy2wtrd2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 1.2rem;
    column-gap: 2rem;
}

.damage-card__info[b-30vy2wtrd2] {
    flex: 1 1 45%;
    font-size: var(--font-size-base);
    color: #333;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .damage-card__info strong[b-30vy2wtrd2] {
        color: #111;
        font-weight: 600;
        min-width: 160px;
        display: inline-block;
    }

.damage-card__info--repaired[b-30vy2wtrd2] {
    background-color: #e6f5ec;
    border-left: 4px solid #28a745;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius-base);
    color: #155724;
    font-weight: 500;
    position: relative;
}


.damage-card__actions[b-30vy2wtrd2] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding-top: 1rem;
    border-top: 1px solid #e2e2e2;
}


.damage-card__details[b-30vy2wtrd2] {
    padding: 1.5rem 2rem;
    border-top: 1px solid #eee;
    background-color: #fdfdfd;
}


@media (max-width: 768px) {
    .damage-card__summary[b-30vy2wtrd2] {
        flex-direction: column;
        align-items: flex-start;
    }

    .damage-card__info[b-30vy2wtrd2] {
        flex: 1 1 100%;
    }

    .damage-card__actions[b-30vy2wtrd2] {
        flex-direction: column;
        align-items: center;
    }
}
/* /Admin_Features/_DamageDetails/NewDamageDetails.razor.rz.scp.css */
.headline[b-z3jj82ja85] {
    display: flex;
    justify-content: center;
    margin: 2rem auto;
    border-bottom: 2px solid #007bff;
    padding-bottom: 0.5rem;
    max-width: 500px;
}

.wrapper[b-z3jj82ja85] {
    display: flex;
    justify-content: space-between;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
}

.left[b-z3jj82ja85] {
    width: 65%;
}
/* /Admin_Features/_Home/CarElement.razor.rz.scp.css */

.card__next-sighting[b-5k1wlcvnto]{
    height: 5rem;

    display: flex;
}

.next-sighting__username[b-5k1wlcvnto],
.next-sighting__datum[b-5k1wlcvnto] {
    height: 100%;
    width: 100%;

    display: flex;
    
    justify-content: center;
    align-items: center;

    font-size: 1.6rem;

    padding: 1rem 0;
}

.next-sighting__datum--red[b-5k1wlcvnto]{
    color: red;
}

.action__wrapper[b-5k1wlcvnto] {
    height: 100px;

    display: flex;

    justify-content: space-around;
    align-items: center;

    font-size: 1.6rem;
}

.card-car__image--empty[b-5k1wlcvnto]{
    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 6rem;
}

.action[b-5k1wlcvnto] {
    height: 70%;
    width: 40%;

    display: flex;

    justify-content: center; 
    align-items: center;

    background-color: rgb(0, 159, 227);
    color: white;

    border-radius: 8px;

    transition: all 0.3s;
}


.action:hover[b-5k1wlcvnto]{
    box-shadow: 0 0 0.7rem 0.2rem rgb(0, 159, 227);

    border: 1px solid white;

    transform: translateY(-3px);
}

.action__icon[b-5k1wlcvnto]{
    margin-right: 1rem;
}


[b-5k1wlcvnto] .card-car__image{
    min-width: 20rem;
    min-height: 14rem;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 3rem;
}

.card__car[b-5k1wlcvnto] {
    overflow: hidden;
    height: 100%;
    min-height: fit-content;
    width: 100%;
    font-family: sans-serif;
    box-shadow: 0 0 0.3rem 0.1rem black;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

.card__car--deactivated[b-5k1wlcvnto]::before{
    content: "";
    position: absolute;

    height: 100%;
    width: 100%;

    background-color: rgba(200, 200, 200, 0.8);

    z-index: 5;
}

.card__car--deactivated[b-5k1wlcvnto]::after{
    content: "Deaktiviert";
    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 3rem;

    font-weight: bold;

    z-index: 11;

    color: red;
}


    .card__car:hover[b-5k1wlcvnto] {
        transform: translateY(-3px)
    }

.card__top[b-5k1wlcvnto], .card__bottom[b-5k1wlcvnto] {
    width: 100%;
}

.card__top[b-5k1wlcvnto] {
    display: flex;

    min-height: fit-content;
}

.card-top__left[b-5k1wlcvnto] {
    display: flex;

    position: relative;

    height: fit-content;

    max-height: 200px;

    z-index: 2;

    transition: all 0.3s;

    overflow: hidden;

    justify-content: center;
    align-items: center;

    max-width: 300px;
}
    .card-top__left:hover[b-5k1wlcvnto],
    .card-top__left:hover ~ .right__bottom[b-5k1wlcvnto]{
        background-color: rgb(0, 159, 227);
    }

    .right__top:hover[b-5k1wlcvnto]{
        background-color: rgb(0, 159, 227);
    }

.card-top__right[b-5k1wlcvnto] {
    display: flex;

    height: fit-content;
    width: 100%;

    flex-direction: column;

    transition: all 0.3s;
}


.car__list-price[b-5k1wlcvnto] {
    position: absolute;
    bottom: 0.2rem;
    right: 0.2rem;
    padding: 0.2rem 1rem;
    background-color: rgba(255, 255, 255, 0.4);
}

.right__bottom[b-5k1wlcvnto] {
    height: 100%;
    transition: all 0.3s;
    padding: 0.6rem;
}

.right__top[b-5k1wlcvnto] {
    height: 50%;
    
    transition: all 0.3s;
    
    font-size: 1.4rem;
    
    display: flex;

    padding: 1rem 0;
}

.right-top__header[b-5k1wlcvnto]{
    width: 100%;
    height: 100%;

    font-weight: bold;
}

.right__middle[b-5k1wlcvnto] {
    height: 100%;
    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-between;

    padding-left: 0.6rem;
}

.metadata__name[b-5k1wlcvnto] {
    font-size: 1.4rem;
    line-break: anywhere;

    padding-right: 0.5rem;
}

[b-5k1wlcvnto] .right-middle__profile-picture {
    height: 100%;
    width: 100%;

    max-height: 7rem;

    display: flex;

    justify-content: center;
    align-items: center;

    margin-right: 1rem;
}

.metadata__wrapper[b-5k1wlcvnto] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.metadata__first-driver-wrapper[b-5k1wlcvnto] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4rem;

    padding-right: 1rem;
}

.card-top__right[b-5k1wlcvnto] {
    box-sizing: border-box;
}

[b-5k1wlcvnto] .card-car__image {
    width: 100%;
    object-fit: cover;
}

.metadata--bottom[b-5k1wlcvnto] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid rgb(80, 80, 80);
    font-size: 1.3rem;
}

.bottom__header[b-5k1wlcvnto] {
    font-weight: bold;
    font-size: 1.4rem;
}

.bottom__metadata[b-5k1wlcvnto] {
    height: 80%;
    width: 100%;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.metadata[b-5k1wlcvnto] {
    font-size: 1.4rem;
}

.metadata--small[b-5k1wlcvnto] {
    font-size: 1.3rem;
}

.metadata--smaller[b-5k1wlcvnto] {
    font-size: 1.1rem;
}

.card__bottom[b-5k1wlcvnto] {
    background-color: rgb(230, 230, 230);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(11, 1fr);
    height: calc(fit-content + 2px);
}

.metadata__kostenstelle[b-5k1wlcvnto] {
    grid-row: 1;
    grid-column: 1 / 3;
}

.metadata__dkv-number[b-5k1wlcvnto] {
    grid-row: 2;
    grid-column: 1 / 3;
    border-top: none;
}

.metadata__contract-start[b-5k1wlcvnto] {
    grid-column: 1 / 2;
    grid-row: 6;
    border-top: none;
}

.metadata__contract-end[b-5k1wlcvnto] {
    grid-column: 2 / 3;
    grid-row: 6;
    border-left: none;
    border-top: none;
}

.metadata__milage[b-5k1wlcvnto] {
    grid-row: 3;
    grid-column: 1 / 2;
    border-top: none;
}

.metadata__season-tires[b-5k1wlcvnto] {
    grid-row: 3 / 5;
    grid-column: 2 / 3;
    padding-bottom: 0.15rem;
    border-top: none;
    border-left: none;
}

.metadata__contract-form[b-5k1wlcvnto] {
    grid-row: 4;
    grid-column: 1 / 2;
    border-top: none;
}

.metadata__milage-by-leasing-contract[b-5k1wlcvnto] {
    grid-row: 5;
    grid-column: 1 / 3;
    border-top: none;
}

.metadata__leasing-rate[b-5k1wlcvnto] {
    grid-row: 7;
    grid-column: 1 / 2;
    border-top: none;
}

.metadata__milage-cost[b-5k1wlcvnto] {
    grid-row: 7;
    border-top: none;
    border-left: none;
}

.metadata__tires-changed[b-5k1wlcvnto] {
    grid-row: 8;
    grid-column: 1 / 2;
    border-top: none;
}

    .metadata__tires-changed i[b-5k1wlcvnto] {
        padding-top: 0.2rem;
    }

.metadata__tires-clever-package[b-5k1wlcvnto] {
    grid-row: 8;
    grid-column: 2 / 3;
    border-top: none;
    border-left: none;
}

    .metadata__tires-clever-package i[b-5k1wlcvnto] {
        padding-top: 0.2rem;
    }

.metadata__drive[b-5k1wlcvnto] {
    grid-row: 10;
    grid-column: 1 / 2;
    border-top: none;
}

.metadata__service-level[b-5k1wlcvnto] {
    grid-row: 9;
    grid-column: 1 / 3;
    border-top: none;
}

.metadata__insurance[b-5k1wlcvnto] {
    grid-row: 10;
    grid-column: 2 / 3;
    border-top: none;
    border-left: none;
}

.metadata__general-insurance-cost-per-half-year[b-5k1wlcvnto] {
    grid-row: 11;
    grid-column: 1 / 2;
    border-top: none;
}

.metadata__kasko-insurance-cost-per-half-year[b-5k1wlcvnto] {
    grid-row: 11;
    grid-column: 2 / 3;
    border-top: none;
    border-left: none;
}

[b-5k1wlcvnto] .right-middle__profile-picture--not-found{
    height: 100%;
    width: 7rem;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 2rem;

    border: 1px solid gray;

    background-color: rgb(200, 200, 200);
}

@media(max-width: 1500px){
    .card-top__left[b-5k1wlcvnto] {
        max-height: 100px;
        display: flex;
        justify-content: center;
        overflow: hidden;
        align-items: center;
    }

    .card__top[b-5k1wlcvnto]{
        flex-direction: column;
    }

    [b-5k1wlcvnto] .card-car__image{
        height: 100%;
        width: 100%;
    }
}

@media(max-width: 715px){
    [b-5k1wlcvnto] .right-middle__profile-picture{
        min-width: 150px;
    }
}

@media(max-width: 480px){
    .card__car[b-5k1wlcvnto]{
        height: fit-content;
    }

    .card__top[b-5k1wlcvnto]{
        display: flex;

        max-height: 400px;
    }


    [b-5k1wlcvnto] .right-middle__profile-picture {
        min-width: 60px;

        margin-right: 1rem;
    }


    .card__bottom[b-5k1wlcvnto]{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        height: fit-content;
    }

    .card__bottom *[b-5k1wlcvnto]{
        grid-row: unset;
        grid-column: unset;

        border-left: 0;
        border-right: 0;
    }

    .action__wrapper[b-5k1wlcvnto]{
        font-size: 1.2rem;
    }

    .action[b-5k1wlcvnto]{
        width: fit-content;
        height: fit-content;

        padding: 1rem 2rem;
    }
}

@media(max-width: 380px){
    .card__top[b-5k1wlcvnto]{
        flex-direction: column;
        height: fit-content;
    }

    .right__top[b-5k1wlcvnto]{
        padding: 1rem 0;
    }
}
/* /Admin_Features/_Home/Home.razor.rz.scp.css */


.cars__wrapper[b-cnus0f6k8g] {
    height: 100%;
    width: 100%;
    display: flex;

    flex-direction: column;

    padding: 2rem;
    position: relative;
    box-sizing: border-box;
    overflow-y: auto;
}

.cars-overview__wrapper[b-cnus0f6k8g]{
    display: flex;

    flex-direction: column;

    height: fit-content;

    background-color: rgb(240, 240, 240);

    border: 3px solid rgb(220, 220, 220);
}

.cars-overview__wrapper:first-child[b-cnus0f6k8g]{
    margin-bottom: 2rem;
}

.cars__header[b-cnus0f6k8g]{
    height: 7rem;

    display: flex;

    background-color: rgb(220, 220, 220);

    font-size: 2rem;

    justify-content: center;
    align-items: center;
}

.cars__content[b-cnus0f6k8g] {
    display: grid;
    
    grid-template-columns: repeat(3, 1fr);
    
    grid-auto-rows: minmax(500px, fit-content);
    
    column-gap: 2rem;
    row-gap: 2rem;

    padding: 2rem;

    min-height: fit-content;
}

a[b-cnus0f6k8g] {
    text-decoration: none;
    color: initial;
}

@media(max-width: 1500px){
    .cars__content[b-cnus0f6k8g] {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(650px, auto);
        padding: 0.2rem;
    }
}

@media(max-width: 715px){
    .cars__content[b-cnus0f6k8g] {
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(520px, auto);
    }

    .cars__wrapper[b-cnus0f6k8g] {
        padding: 0;
    }
}

@media(max-width: 480px){
    .cars__content[b-cnus0f6k8g] {
        grid-auto-rows: minmax(620px, auto);
        padding: 1rem;
    }

}

@media(max-width: 380px){
    .cars__content[b-cnus0f6k8g] {
        grid-auto-rows: min-content;
    }
}
/* /Admin_Features/_SightingDetails/SightingCheckElement.razor.rz.scp.css */
/* /Admin_Features/_SightingDetails/SightingDetails.razor.rz.scp.css */


a[b-ixuqtugzrb] {
    text-decoration: none;
    color: initial;
}

.check[b-ixuqtugzrb] {
    color: green;
}

.sichtung-uebergabe__element[b-ixuqtugzrb] {
    height: fit-content;
    min-height: 100%;

    background-color: rgb(220, 220, 220);
    display: flex;
    flex-direction: column;
    border-right: 3px solid rgb(240, 240, 240);
}

.schaden__wrapper[b-ixuqtugzrb]{
    width: 100%;
    height: 100%;

    border-left: 3px solid rgb(240, 240, 240);
}

.damages__wrapper[b-ixuqtugzrb]{
    overflow-y: auto;

    min-height: fit-content;

    max-height: 400px;

    padding-top: 1rem;
}

.red[b-ixuqtugzrb]{
    color: red;
}

.damage-picture__wrapper[b-ixuqtugzrb]{
    width: 100%;

    min-height: fit-content;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    column-gap: 1rem;
    row-gap: 1rem;
}

.damage__wrapper[b-ixuqtugzrb]{
    margin: 1rem;
    background-color: white;

    padding: 1rem;
}

.sighting__header[b-ixuqtugzrb] {
    min-height: 10rem;
    max-height: 10rem;
    height: 10rem;
    background-color: white !important;
    border: 3px solid rgb(240, 240, 240);
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.sichtung-uebergabe__header[b-ixuqtugzrb] {
    font-size: 2rem;
    padding: 1rem;
    min-height: 10rem !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-left: 3px solid rgb(240, 240, 240);
}

.sichtung-uebergabe__content[b-ixuqtugzrb] {
    display: flex;

    flex: 1;
}

.sichtung-uebergabe__left[b-ixuqtugzrb],
.sichtung-uebergabe__middle[b-ixuqtugzrb],
.sichtung-uebergabe__right[b-ixuqtugzrb] {
    display: flex;
    flex-direction: column;

    flex: 1;

    border: 3px solid rgb(240, 240, 240);

    border-top: none;
    border-right: none;
}

.sichtung-uebergabe-left__top[b-ixuqtugzrb],
.sichtung-uebergabe-left__bottom[b-ixuqtugzrb] {
    border-top: none;
    display: flex;
    flex-direction: column;
}

.sichtung-uebergabe__left[b-ixuqtugzrb]{
    border-left: 3px solid rgb(240, 240, 240);
}

.sichtung-uebergabe-left-top__header[b-ixuqtugzrb] {
    min-height: 10rem;
    max-height: 10rem;
    height: 10rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: bold;
    background-color: rgb(240, 240, 240);
}

.sichtung-uebergabe-left-top__content[b-ixuqtugzrb] {
    height: 100%;
}

.sichtung-uebergabe__content-wrapper[b-ixuqtugzrb] {
    display: flex;

    flex-direction: column;

    justify-content: flex-start;
    align-items: center;

    padding: 1rem;

    min-height: 4.5rem;

    font-size: 1.4rem;

    color: black;

    width: 100%;
    height: fit-content;

    background-color: rgb(220, 220, 220);
}

.content-wrapper__line-one[b-ixuqtugzrb] {
    width: 100%;
    display: flex;
}

    .content-wrapper__line-one span[b-ixuqtugzrb] {
        margin-right: 1rem;
    }

    .content-wrapper__line-one i[b-ixuqtugzrb] {
        padding-top: 0.15rem;
    }

.sichtung-uebergabe__content-wrapper ul li[b-ixuqtugzrb] {
    margin-bottom: 0.5rem;
}

    .sichtung-uebergabe__content-wrapper ul li span[b-ixuqtugzrb] {
        margin-right: 1rem;
    }

    .sichtung-uebergabe__content-wrapper ul li i[b-ixuqtugzrb] {
        padding-top: 0.1rem;
    }

.sichtung-uebergabe-left-bottom__content[b-ixuqtugzrb] {
    height: 100%;
    overflow-y: auto;
}

.sichtung-uebergabe__car-complete[b-ixuqtugzrb] {
    border-top: none;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.car-complete__header[b-ixuqtugzrb] {
    min-height: 10rem;
    max-height: 10rem;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: bold;
    background-color: rgb(240, 240, 240);
}

.car-complete__content[b-ixuqtugzrb] {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.sonstiges__content ul[b-ixuqtugzrb]{
    margin: 0;
}

.sichtung-uebergabe__sonstiges[b-ixuqtugzrb] {
    border-top: none;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.sonstiges__header[b-ixuqtugzrb] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: bold;
    background-color: rgb(240, 240, 240);
}

.sonstiges__content[b-ixuqtugzrb] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

@media(max-width: 1500px){
    .sichtung-uebergabe__content[b-ixuqtugzrb]{
        display: grid;
        grid-template-columns: repeat(2, 1fr);

        height: fit-content;
    }

    .sichtung-uebergabe__left[b-ixuqtugzrb]{
        grid-column: 1 / 3;

        display: flex;
        flex-direction: row;
        
        width: 100%;
        height: fit-content;

        border-bottom: 0;
    }

    .zustand-fahrzeug__content[b-ixuqtugzrb]{
        height: 100%;
        border-left: 3px solid rgb(240, 240, 240);
    }

    .sichtung-uebergabe-left__top[b-ixuqtugzrb],
    .sichtung-uebergabe-left__bottom[b-ixuqtugzrb] {
        width: 100%;
    }

    .sichtung-uebergabe[b-ixuqtugzrb]{
        height: fit-content;
    }

    .sichtung-uebergabe-left-top__header[b-ixuqtugzrb]{
        border-left: 3px solid rgb(240, 240, 240);
    }

    .sichtung-uebergabe__unfaelle-header[b-ixuqtugzrb] {
        border-left: none;
    }
}

@media(max-width: 715px){

    .sichtung-uebergabe__header[b-ixuqtugzrb]{
        font-size: 1.4rem;
        height: 40px;
    }

    .sichtung-uebergabe__left[b-ixuqtugzrb] {
        flex-direction: column;
        width: 100%;
    }

    .sichtung-uebergabe__content[b-ixuqtugzrb] {
        grid-template-columns: 1fr;
        width: 100%;
        padding: 0;
    }

    .sichtung-uebergabe__middle[b-ixuqtugzrb]{
        grid-row: 2;
        width: 100%;
    }

    .sichtung-uebergabe__right[b-ixuqtugzrb] {
        grid-row: 3;
        width: 100%;
    }

    .zustand-fahrzeug__content[b-ixuqtugzrb]{
        border-left: none;
    }

    .sichtung-uebergabe-left__bottom .sighting__header[b-ixuqtugzrb]{
        border-left: none;
    }

    .sichtung-uebergabe__middle[b-ixuqtugzrb]{
        border-bottom: none;
    }
}

@media(max-width: 480px){
    .sichtung-uebergabe__header[b-ixuqtugzrb] {
        font-size: 1.2rem;
        height: 40px;

        padding: 2rem;
    }

    .sichtung-uebergabe-left-top__content[b-ixuqtugzrb]{
        padding: 0;
    }


    .damage-picture__wrapper[b-ixuqtugzrb] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 380px){

    .damage-picture__wrapper[b-ixuqtugzrb] {
        grid-template-columns: 1fr;
    }

    .damage-picture__wrapper[b-ixuqtugzrb]  img{
        width: 100%;
    }
}
/* /Admin_Features/_SightingsOverview/OverviewSightingElement.razor.rz.scp.css */
.sichtung[b-5kgnt1mo5t] {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    box-shadow: 0 0 0.3rem 0.1rem black;
    background-color: rgb(240, 240, 240);
    transition: all 0.3s;
}

    .sichtung:hover[b-5kgnt1mo5t] {
        transform: translateY(-3px);
        box-shadow: 0 0 0.8rem 0.2rem black;
    }

.sichtung__header i[b-5kgnt1mo5t] {
    font-size: 2rem;
}

.sichtung__header[b-5kgnt1mo5t] {
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 1.4rem;
    background-color: rgb(20, 179, 247);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.sichtung__content[b-5kgnt1mo5t] {
    flex: 4;
    display: flex;
    flex-direction: column;
}

.content__header[b-5kgnt1mo5t] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
}

.content__body[b-5kgnt1mo5t] {
    flex: 5;
    display: flex;
}

.body__left[b-5kgnt1mo5t],
.body__right[b-5kgnt1mo5t] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.body-left__heading[b-5kgnt1mo5t] {
    border: 1px solid black;
    border-bottom: none;
    border-left: none;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
}

.body-left__content[b-5kgnt1mo5t] {
    flex: 3;
    padding: 1rem;
    font-size: 1.2rem;
    border: 1px solid black;
    border-left: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.info[b-5kgnt1mo5t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right__header[b-5kgnt1mo5t] {
    border: 1px solid black;
    border-bottom: none;
    border-left: none;
    border-right: none;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
}

.right__body[b-5kgnt1mo5t] {
    flex: 3;
    padding: 1rem;
    border: 1px solid black;
    border-left: none;
    border-right: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    font-size: 1.2rem;
}

    .right__body .info[b-5kgnt1mo5t] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .right__body .info--row[b-5kgnt1mo5t] {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

.sichtung__error[b-5kgnt1mo5t]{
    border: 1px solid black;

    display: flex;

    flex-direction: column;
}

.sichtung-error__header[b-5kgnt1mo5t]{
    padding: 2rem;

    font-size: 1.4rem;

    background-color: rgb(200, 200, 200);

    border-bottom: 1px solid black;

    text-align: center;

    color: red;
}

.sichtung-error__body[b-5kgnt1mo5t]{
    display: flex;

    justify-content: center;
    align-items: center;

    flex: 1;

    padding: 2rem;
}

.success-message[b-5kgnt1mo5t]{
    height: 100%;
    width: 100%;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 1.6rem;
    font-weight: bold;
}

@media(max-width: 480px){
    .content__body[b-5kgnt1mo5t]{
        display: grid;

        grid-template-columns: 1fr;
    }
}
/* /Admin_Features/_SightingsOverview/SightingOverview.razor.rz.scp.css */


a[b-mvixrofsz4] {
    text-decoration: none;
    color: initial;
}

.sichtungen__wrapper[b-mvixrofsz4] {
    min-height: fit-content;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(300px, auto);
    row-gap: 2rem;
    column-gap: 2rem;
    box-sizing: border-box;
    font-family: sans-serif;
}

@media(max-width: 1500px){
    .sichtungen__wrapper[b-mvixrofsz4]{
        grid-template-columns: repeat(2, 1fr);

        padding: 2rem;
    }
}

@media(max-width: 715px){
    .sichtungen__wrapper[b-mvixrofsz4]{
        grid-template-columns: 1fr;
    }
}
/* /Admin_Features/_UserDetails/DriversLicensePhoto.razor.rz.scp.css */
[b-yyou4tk72n] .drivers-license__photo{
    max-height: 100%;

    width: 20rem;

    object-fit: cover;
}

.drivers-license-photo__wrapper[b-yyou4tk72n]{
    height: 100%;
    width: 100%;

    position: relative;
}

.photo__upload-date[b-yyou4tk72n]{
    position: absolute;

    right: 0;

    background-color: rgba(255, 255, 255, 0.8);

    z-index: 1;

    padding: 0.5rem 1rem;

    display: flex;

    justify-content: center;
    align-items: center;
}
/* /Admin_Features/_UserDetails/UserDetails.razor.rz.scp.css */
.damage-search[b-ysd8q4op3s] {
    display: flex;
    justify-content: left;
    gap: 1.5rem;
    margin: 1rem;
    flex-wrap: wrap;
}


.damage-search__toggle[b-ysd8q4op3s] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--font-size-headline);
    color: #333;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    position: relative;
}

    /* Verstecke die Checkbox */
    .damage-search__toggle input[type="checkbox"][b-ysd8q4op3s] {
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
    }

    /* Schalter-Hintergrund */
    .damage-search__toggle .slider[b-ysd8q4op3s] {
        position: relative;
        width: 40px;
        height: 20px;
        background-color: #ccc;
        border-radius: 34px;
        transition: background-color 0.3s;
    }

        /* Der runde Schieber */
        .damage-search__toggle .slider[b-ysd8q4op3s]::before {
            content: "";
            position: absolute;
            height: 16px;
            width: 16px;
            left: 2px;
            top: 2px;
            background-color: white;
            border-radius: 50%;
            transition: transform 0.3s;
        }

    /* Wenn Checkbox aktiviert ist */
    .damage-search__toggle input:checked + .slider[b-ysd8q4op3s] {
        background-color: #4caf50;
    }

        .damage-search__toggle input:checked + .slider[b-ysd8q4op3s]::before {
            transform: translateX(20px);
        }


a[b-ysd8q4op3s] {
    text-decoration: none;
    color: initial;
}

.vehicle-overview__wrapper *[b-ysd8q4op3s] {
    box-sizing: border-box;
}

.header__drivers-license-photos[b-ysd8q4op3s]{
    height: 4rem;

    font-size: 2rem;

    display: flex;

    justify-content: center;
    align-items: center;

    background-color: rgb(220, 220, 220);
}

.drivers-license__wrapper--empty[b-ysd8q4op3s]{
    flex: 1;

    justify-content: center;
    align-items: center;
    
    display: flex;

    padding: 2rem;
}

.overall__wrapper[b-ysd8q4op3s] {
    display: flex;
    width: 100%;
    height: 100%;
}

.drivers-license__wrapper[b-ysd8q4op3s]{
    max-width: 100%;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    column-gap: 2rem;
    row-gap: 2rem;

    padding: 1rem;

    height: 40%;

    overflow-y: auto;
}

.info__driver[b-ysd8q4op3s] {
    width: fit-content;
    display: flex;
    height: 100%;
    flex-direction: column;
    background-color: rgb(240, 240, 240);
}

.driver__header[b-ysd8q4op3s] {
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(220, 220, 220);
}

    .driver__header span[b-ysd8q4op3s] {
        font-size: 2.4rem;
    }

.driver__content[b-ysd8q4op3s] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.content__info[b-ysd8q4op3s] {
    display: flex;
    width: 100%;
    height: fit-content;
}

.content-info__left[b-ysd8q4op3s] {
    min-width: 13rem;
    
    display: flex;

    justify-content: center;
    align-items: center;
}

.vehicle-overview__profile-picture[b-ysd8q4op3s]{
    font-size: 4rem;
}

.content-info__left img[b-ysd8q4op3s] {
    height: 100%;
    max-height: 265px;
    object-fit: cover;
}

.content-info__right[b-ysd8q4op3s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    font-size: 2rem;
    white-space: nowrap;
    padding: 2rem;
}

.info__cars[b-ysd8q4op3s] {
    flex: 1;
    width: 100%;
}

.info-cars__header[b-ysd8q4op3s] {
    background-color: rgb(220, 220, 220);
    height: 4rem;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 2rem;
}

.driver__last-cars[b-ysd8q4op3s] {
    min-height: 100%;

    overflow-y: auto;

    padding: 2rem;
}

@media(max-width: 1500px){
    .overall__wrapper[b-ysd8q4op3s]{
        display: grid;

        grid-template-columns: repeat(2, 1fr);
    }

    .info__driver[b-ysd8q4op3s]{
        grid-column: 1 / 3;
        width: 100%;
    }

    .content__info[b-ysd8q4op3s]{
        overflow: hidden;
    }

    .content-info__left[b-ysd8q4op3s]{
        min-width: fit-content;
    }

    .content-info__right[b-ysd8q4op3s]{
        justify-content: space-around;
        align-items: center;

        width: 100%;
    }

    .info__cars[b-ysd8q4op3s]{
        width: 100%;

        grid-column: 1 / 3;
    }

    [b-ysd8q4op3s] .info__car{
        grid-column: 1 / 3;
    }
}

@media(max-width: 715px){
    .content-info__left[b-ysd8q4op3s]  img{
        height: 100%;
        width: 150px;
        overflow: hidden;
    }

    .content-info__right[b-ysd8q4op3s]{
        font-size: 1.4rem;
    }

    .drivers-license__wrapper[b-ysd8q4op3s]{
        grid-template-columns: 1fr 1fr;

        justify-items: center;
    }
}

@media(max-width: 480px){
    .drivers-license__wrapper[b-ysd8q4op3s] {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

@media(max-width: 380px){
    .content__info[b-ysd8q4op3s]{
        flex-direction: column;

        height: 250px;
    }

    .content-info__left[b-ysd8q4op3s],
    .content-info__right[b-ysd8q4op3s]{
        flex: 1;

        padding-bottom: 0;
    }

    [b-ysd8q4op3s] .last-car__left img{
        max-width: 70%;
    }

    [b-ysd8q4op3s] .last-car__left{
        display: flex;

        height: 100%;

        justify-content: center;
        align-items: center;
    }
}
/* /Admin_Features/_UserDetails/UserDetailsCarDetails.razor.rz.scp.css */
.info__car[b-a0yu1685oh] {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: rgb(180, 180, 180);
}

.car__overview[b-a0yu1685oh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2rem;
    padding-top: 0;
}

.car-overview__header[b-a0yu1685oh] {
    height: 8rem;
    width: 100%;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 2rem;
    letter-spacing: 0.1rem;
}

.car__sichtungen[b-a0yu1685oh] {
    background-color: white;
    height: 100%;
    width: 100%;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
}

.sichtungen__header[b-a0yu1685oh],
.übergaben__header[b-a0yu1685oh] {
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background-color: rgb(220, 220, 220);
}

.sichtungen__content[b-a0yu1685oh],
.übergaben__content[b-a0yu1685oh] {
    height: 100%;
    padding: 2rem;
    overflow-y: auto;

    display: flex;

    flex-direction: column;

    row-gap: 2rem;
}


.car__übergaben[b-a0yu1685oh] {
    background-color: white;
    height: 100%;
    width: 100%;

    row-gap: 1rem;

    margin-top: 1rem;
    display: flex;
    flex-direction: column;
}

a[b-a0yu1685oh]{
    text-decoration: none;
    color: initial;
}
/* /Admin_Features/_UserDetails/UserDetailsCarElement.razor.rz.scp.css */
.button__last-car[b-zrdr9089ak] {
    width: 100%;
    height: 150px;
    background-color: white;
    display: flex;
    transition: all 0.3s;
    cursor: pointer;
}

.driver__last-cars .button__last-car:not(:last-child)[b-zrdr9089ak] {
    margin-bottom: 1rem;
}

[b-zrdr9089ak] .car-img{
    display: flex;

    justify-content: center;
    align-items: center;

    flex: 1;

    height: 100%;

    font-size: 3rem;
}

.button__last-car:hover[b-zrdr9089ak] {
    box-shadow: 0 0 1rem 0.2rem black;
    transform: translateY(-3px);
}

.last-car__left[b-zrdr9089ak] {
    height: 100%;
    width: 18rem;
    overflow: hidden;
}

.last-car__middle[b-zrdr9089ak] {
    flex: 1;
    gap: 0.5rem;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 2rem 0;
    text-align: center;
}

.last-car__right[b-zrdr9089ak] {
    width: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .last-car__right i[b-zrdr9089ak] {
        padding: 1rem;
        height: 100%;
        width: 100%;
        background-color: rgb(220, 220, 220);
        cursor: pointer;
        transition: all 0.3s;

        display: flex;

        justify-content: center;
        align-items: center;
    }

.button__last-car img[b-zrdr9089ak] {
    width: 100%;
    object-position: center;
    object-fit: contain;
}

@media(max-width: 480px){
    .last-car__left[b-zrdr9089ak] {
        height: 100%;
        width: fit-content;
        overflow: hidden;

        display: flex;

        justify-content: center;
        align-items: center;
    }

    .button__last-car img[b-zrdr9089ak] {
        width: 120px;
        object-position: center;
        object-fit: cover;
    }


    .last-car__middle[b-zrdr9089ak] {
        flex: 1;
        font-size: 1.2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding: 2rem 0;
    }
}

@media(max-width: 380px){

    .last-car__left[b-zrdr9089ak] {
        display: none;
    }
}


[b-zrdr9089ak] .driver__last-cars .image-wrapper .image-wrapper--empty {
    min-height: 100px;
    min-width: 100px;
}
/* /Admin_Features/_UserDetails/UserDetailsSightingElement.razor.rz.scp.css */


.sichtung__link[b-hv2nsg8tp7] {
    width: 100%;
    height: 8rem;

    font-size: 2rem;

    background-color: rgb(220, 220, 220);
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
    cursor: pointer;
}

.sichtungen__content .sichtung__link:not(:last-child)[b-hv2nsg8tp7] {
    margin-bottom: 1rem;
}

.sichtung__link:hover[b-hv2nsg8tp7] {
    background-color: rgb(200, 200, 200);
}
/* /Admin_Features/_UserDetails/UserDetailsTurnOverElement.razor.rz.scp.css */


.sichtung__link[b-6h48ea1nb2] {
    width: 100%;
    height: 8rem;
    font-size: 2rem;
    background-color: rgb(220, 220, 220);
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
    cursor: pointer;
}

.sichtungen__content .sichtung__link:not(:last-child)[b-6h48ea1nb2] {
    margin-bottom: 1rem;
}

.sichtung__link:hover[b-6h48ea1nb2] {
    background-color: rgb(200, 200, 200);
}
/* /Admin_Features/_UserOverview/UserOverview.razor.rz.scp.css */
.superuser[b-3ywzrcf27u]{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: rgb(220, 220, 220);
    font-family: sans-serif;
}

.overview__header[b-3ywzrcf27u] {
    height: 6rem;
    width: 100%;

    padding-right: calc(50% - 4rem);

    display: flex;

    justify-content: space-between;
    align-items: center;

    background-color: rgb(240, 240, 240);
    font-size: 1.6rem;
}

.upload-user__wrapper[b-3ywzrcf27u]{
    width: 100%;
    height: 7rem;

    background-color: white;

    display: flex;

    justify-content: center;
    align-items: center;

    flex-direction: column;
}

.upload-user__heading[b-3ywzrcf27u]{
    font-size: 1.6rem;

    margin-bottom: 1rem;

    text-decoration: underline;

    color: rgb(255, 100, 0);
}

.overview__body[b-3ywzrcf27u] {
    padding: 2rem;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(200px, 1fr);
    row-gap: 1rem;
    column-gap: 2rem;
}

.add-person__button i:last-child[b-3ywzrcf27u] {
    margin-left: 1rem;
}

a[b-3ywzrcf27u] {
    text-decoration: none;
    color: initial;
}

@media(max-width: 1500px) {
    .overview__body[b-3ywzrcf27u]{
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: max-content;
    }
}

@media(max-width: 715px){
    .overview__body[b-3ywzrcf27u]{
        grid-template-columns: 1fr;
    }
}

@media(max-width: 480px){
    .overview__body[b-3ywzrcf27u]{
        padding: 1rem;
    }
}
/* /Admin_Features/_UserOverview/UserOverviewElement.razor.rz.scp.css */
a[b-qgyqkuoy6f]{
    outline: none;

    text-decoration: none;

    color: initial;
}

.user__element[b-qgyqkuoy6f] {
    min-height: 100%;
    height: 140px;
    width: 100%;
    display: flex;
    background-color: white;
    cursor: pointer;
    transition: all 0.3s;
}

[b-qgyqkuoy6f] .user-element__img{
    min-width: 140px;
    width: 140px;
}

.user__element:hover[b-qgyqkuoy6f] {
    box-shadow: 0 0 0.6rem 0.1rem black;
    transform: translateY(-3px);
}

    .user__element[b-qgyqkuoy6f]  img {
        height: 100%;
    }

.user__left[b-qgyqkuoy6f] {
    position: relative;
    height: 140px;
}

.user__left[b-qgyqkuoy6f]  .image__wrapper{
    height: 100%;
}

[b-qgyqkuoy6f] .user-left__icon{
    width: 15rem;

    height: 100%;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 5rem;
}

.roles[b-qgyqkuoy6f] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.2rem 0.5rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.4);
    border: 2px solid rgba(255, 255, 255, 0.9)
}

    .roles i:not(:first-child)[b-qgyqkuoy6f] {
        margin-left: 0.75rem;
    }

.user__middle[b-qgyqkuoy6f] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;

    text-align: center;

    gap: 1rem;

    font-size: 1.4rem;
    padding: 1rem;
}

.user__element:not(:last-child)[b-qgyqkuoy6f] {
    margin-bottom: 1rem;
}


.user__right *[b-qgyqkuoy6f] {
    margin: 0;
}

.user__right[b-qgyqkuoy6f]{
    height: 6rem;
}

.user__right .font-awesome-button[b-qgyqkuoy6f]{
    max-width: 100%;
}

.user__right[b-qgyqkuoy6f] {
    width: 100%;

    min-height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;
    align-items: center;

    padding: 2rem;

    gap: 2rem;
}

@media(max-width: 1500px){
    .user__element[b-qgyqkuoy6f] {
        display: grid;

        grid-template-columns: 140px 1fr;

        height: fit-content;
    }

    .user__right[b-qgyqkuoy6f]{
        grid-column: 1 / 3;

        flex-direction: row;

        height: 100px;
    }
}

@media(max-width: 480px){
    .user__element[b-qgyqkuoy6f]{
        display: grid;

        grid-template-columns: 140px 1fr;

        height: fit-content;
    }

    .user__left[b-qgyqkuoy6f]  img{
        max-width: 100%;
    }

    .user__right[b-qgyqkuoy6f]{
        width: 100%;

        height: fit-content;

        display: flex;

        flex-direction: row;

        justify-content: space-around;

        grid-column: 1 / 3;

        background-color: white;

        padding: 1rem;
    }

    .user__middle[b-qgyqkuoy6f]{
        border-bottom: none;

        font-size: 1rem;
    }
}
/* /Driver_Features/DriverFooter.razor.rz.scp.css */


.index__footer[b-ww2z8m9hc3] {
    width: 100%;
    height: 12%;
    background-color: rgb(0, 159, 227);
    display: flex;
    align-items: center;
    justify-content: space-around;
}

@media(min-height: 800px) {
    .index__footer[b-ww2z8m9hc3] {
        height: 15%;
        font-size: 1.6rem;
    }
}
/* /Driver_Features/DriverHeader.razor.rz.scp.css */
.driver__header[b-9ec3c1zyp7]{
    height: fit-content;
    max-height: 20rem;

    display: flex;

    flex-direction: column;
}

.driver-header__top[b-9ec3c1zyp7]{
    min-height: fit-content;
}

.driver-header__bottom[b-9ec3c1zyp7] {
    display: flex;

    background-color: rgb(0, 159, 227);

    height: 100%;

    padding: 1rem 0;

    justify-content: space-between;
    align-items: center;
}

.driver-header__left[b-9ec3c1zyp7]{
    height: 100%;

    width: 10rem;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    color: white;
}

.driver-header__middle[b-9ec3c1zyp7]{
    display: flex;

    flex-direction: column;

    justify-content: center;
    align-items: center;

    text-align: center;

    gap: 0.5rem;

    font-size: 1.2rem;

    color: white;
}

.driver-header__right[b-9ec3c1zyp7]{
    width: 8rem;

    display: flex;

    justify-content: center;
    align-items: center;

    color: white;
}

.header-top__logout[b-9ec3c1zyp7] {
    border: 1px solid white;
    border-radius: 8px;
    padding: 1rem;
    transition: all 0.3s;
    color: white;
    cursor: pointer;
}

    .header-top__logout:hover[b-9ec3c1zyp7] {
        background-color: rgb(0, 139, 207);
    }

[b-9ec3c1zyp7] .driver-header-top__profile-picture{
    height: 6rem;
}

.dahmen__logo[b-9ec3c1zyp7]{
    height: 6rem;
}

.progress-container[b-9ec3c1zyp7]{
    height: 10px;

    width: 100%;

    display: grid;
}

@media(max-width: 840px){
    .driver-header__left[b-9ec3c1zyp7]{
        width: fit-content;
        padding: 0 0.5rem;
    }
}

@media(max-width: 280px){
    .dahmen__logo[b-9ec3c1zyp7]{
        height: 3rem;
    }
}
/* /Driver_Features/FooterButton.razor.rz.scp.css */
.footer__button-wrapper[b-eowjjb8cqh]{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
}

.footer-button__label[b-eowjjb8cqh],
[b-eowjjb8cqh] .footer-button__label {
    margin-left: 0.6rem;
}

.footer-button[b-eowjjb8cqh] {
    margin: 0.5rem 0;
    font-size: 1.4rem;
}

@media(min-height: 800px) {
    .index__footer .footer-button[b-eowjjb8cqh],
    .index__footer .footer-button__label[b-eowjjb8cqh] {
        font-size: inherit;
    }

    .footer-button[b-eowjjb8cqh] {
        margin-bottom: 1rem;
    }

    .footer__button-wrapper[b-eowjjb8cqh] {
        justify-content: center;
        align-items: center;
    }
}
/* /Driver_Features/FooterNavigationButton.razor.rz.scp.css */

.footer__button-wrapper[b-77fyzwo3pf] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
}

.footer-button[b-77fyzwo3pf] {
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
}

@media(min-height: 800px) {
    .index__footer .footer-button[b-77fyzwo3pf],
    .index__footer .footer-button__label[b-77fyzwo3pf] {
        font-size: inherit;
    }

    .footer-button[b-77fyzwo3pf] {
        margin-bottom: 1rem;
    }

    .footer__button-wrapper[b-77fyzwo3pf] {
        justify-content: center;
        align-items: center;
    }
}
/* /Driver_Features/Landing.razor.rz.scp.css */
.main[b-d762kc70l6]{
    padding: 0;
}
/* /Driver_Features/NewCreateDamage/NewAlleUnfallgegner.razor.rz.scp.css */
.alle-unfallgegner[b-m9616t38z2] {
    width: 100%;
    max-width: 600px;
    margin: 1.5rem auto;
    padding: 1rem;
    border: var(--border);
    border-radius: var(--border-radius-base);
    box-shadow: var(--shadow-focus);
    font-size: var(--font-size-base);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Header-Zeile (klickbar oder leer) */
.alle-unfallgegner__top[b-m9616t38z2] {
    display: flex;
    justify-content: center;
    font-size: var(--font-size-headline);
    font-weight: var(--font-weight-headline);
    color: var(--color-primary);
    cursor: pointer;
    padding: 0.5rem 0.75rem;
    border-bottom: var(--border);
    transition: background-color 0.2s ease;
    user-select: none;
}

    .alle-unfallgegner__top:hover[b-m9616t38z2] {
        background-color: var(--color-background-hover);
    }

/* Modal-Inhalt */
.alle-unfallgegner .bottom[b-m9616t38z2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

/* Responsiv */
@media (max-width: 1023px) {
    .alle-unfallgegner[b-m9616t38z2] {
        padding: 0.75rem;
    }

}
/* /Driver_Features/NewCreateDamage/NewAllUnfallzeugen.razor.rz.scp.css */
.alle-unfallzeugen[b-9vvmrobp5k] {
    width: 100%;
    max-width: 600px;
    margin: 1.5rem auto;
    padding: 1rem;
    border: var(--border);
    border-radius: var(--border-radius-base);
    box-shadow: var(--shadow-focus);
    font-size: var(--font-size-base);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Header-Zeile (klickbar oder leer) */
.alle-unfallzeugen__top[b-9vvmrobp5k] {
    display: flex;
    justify-content: center;
    font-size: var(--font-size-headline);
    font-weight: var(--font-weight-headline);
    color: var(--color-primary);
    cursor: pointer;
    padding: 0.5rem 0.75rem;
    border-bottom: var(--border);
    transition: background-color 0.2s ease;
    user-select: none;
}

    .alle-unfallzeugen__top:hover[b-9vvmrobp5k] {
        background-color: var(--color-background-hover);
    }

/* Modal-Inhalt */
.alle-unfallzeugen .bottom[b-9vvmrobp5k] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

/* Responsiv */
@media (max-width: 1023px) {
    .alle-unfallzeugen[b-9vvmrobp5k] {
        padding: 0.75rem;
    }
}
/* /Driver_Features/NewCreateDamage/NewCreateUnfallGegner.razor.rz.scp.css */
.unfallgegner[b-x03byf7s1c]{
    box-shadow: var(--shadow-focus);
    border-radius: var(--border-radius-base);
    padding: 1rem;
    margin: 1rem 0;
}

.unfallgegner-content__actions[b-x03byf7s1c] {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

[b-x03byf7s1c] .unfallgegner-content__actions .button--primary {
    width: 100%;
}

[b-x03byf7s1c] .unfallgegner-content__actions .button--success {
    width: 100%;
}
/* /Driver_Features/NewCreateDamage/NewCreateUnfallZeuge.razor.rz.scp.css */
.unfallzeuge[b-0vf73wa893] {
    box-shadow: var(--shadow-focus);
    border-radius: var(--border-radius-base);
    padding: 1rem;
    margin: 1rem 0;
}

.unfallzeuge__content[b-0vf73wa893] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.unfallzeuge__actions[b-0vf73wa893] {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

[b-0vf73wa893] .unfallzeuge__actions .button--primary {
    width: 100%;
}

[b-0vf73wa893] .unfallzeuge__actions .button--success {
    width: 100%;
}
/* /Driver_Features/NewCreateDamage/NewSelectUnfallVerursacherKollege.razor.rz.scp.css */
.unfallverursacher-kollege[b-90tncwsopc] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    font-size: var(--font-size-base);
    padding: 1rem;
    border-radius: var(--border-radius-base);
    border: var(--border);
    box-shadow: var(--shadow);
    margin: 1.5rem auto;
    width: 100%;
    max-width: 600px;
    background-color: var(--color-background);
}

.unfallverursacher-kollege__headline[b-90tncwsopc] {
    font-weight: var(--font-weight-headline);
    font-size: var(--font-size-headline);
    color: var(--color-primary);
    margin-bottom: 0.5rem;
    text-align: center;
}

.unfallverursacher-kollege__content[b-90tncwsopc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
/* /Driver_Features/NewCreateDamage/NewUnfallgegnerView.razor.rz.scp.css */
/* === Strukturblöcke === */
.unfallgegner[b-o5401ehaex] {
    background-color: var(--color-background);
    box-shadow: var(--shadow);
    border-radius: var(--border-radius-base);
    padding: 1.5rem;
    max-width: 800px;
    font-size: var(--font-size-base);
}

.unfallgegner__header[b-o5401ehaex] {
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
}

.unfallgegner__content[b-o5401ehaex] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* === Titelbereiche (z. B. Führerschein, Schäden) === */
.section__title[b-o5401ehaex] {
    font-weight: 600;
    font-size: var(--font-size-base);
    color: var(--color-primary);
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section__title--clickable[b-o5401ehaex] {
    cursor: pointer;
    padding: 1rem;
}

.section__arrow i[b-o5401ehaex] {
    margin-left: 0.5rem;
}

/* === Kontaktbereich === */
.kontakt[b-o5401ehaex] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    background-color: var(--color-background-hover);
    padding: 1rem;
    border-radius: var(--border-radius-base);
    border: var(--border);
}

.kontakt__left[b-o5401ehaex],
.kontakt__right[b-o5401ehaex] {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.kontakt__field[b-o5401ehaex] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
}

.kontakt__label[b-o5401ehaex] {
    font-size: var(--font-size-small);
    color: #666;
    margin-bottom: 0.2rem;
}

.kontakt__value[b-o5401ehaex] {
    font-size: var(--font-size-base);
    color: #000;
    word-break: break-word;
}

/* === Hinweisblock (z. B. kein Führerschein) === */
.hinweis[b-o5401ehaex] {
    background-color: rgba(220, 53, 69, 0.05);
    padding: 0.75rem;
    border-left: 4px solid var(--color-danger);
    border-radius: var(--border-radius-base);
    color: var(--color-danger);
    font-size: var(--font-size-small);
}

/* === Bilderbereich === */
.bilder-grid[b-o5401ehaex] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 0;
    justify-content: center;
}

    .bilder-grid img[b-o5401ehaex] {
        max-width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: var(--border-radius-base);
        box-shadow: var(--shadow);
    }

@media (min-width: 768px) {
    .bilder-grid img[b-o5401ehaex] {
        max-width: 200px;
        max-height: 200px;
    }
}

/* === Aktionen === */
.unfallgegner__actions[b-o5401ehaex] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

/* === Bestätigungsdialog (Löschen) === */
.confirm-dialog[b-o5401ehaex] {
    background-color: var(--color-background-hover);
    border: var(--border);
    border-left: 4px solid var(--color-danger);
    border-radius: var(--border-radius-base);
    padding: 1rem;
    margin-top: 1rem;
    box-shadow: var(--shadow);
}

.confirm-dialog__text[b-o5401ehaex] {
    margin-bottom: 1rem;
    font-weight: 500;
}

.confirm-dialog__actions[b-o5401ehaex] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

    .confirm-dialog__actions .btn[b-o5401ehaex] {
        padding: 0.5rem 1rem;
        border: none;
        border-radius: var(--border-radius-base);
        font-size: var(--font-size-small);
        cursor: pointer;
    }

.btn-danger[b-o5401ehaex] {
    background-color: var(--color-danger);
    color: #fff;
}

.btn-secondary[b-o5401ehaex] {
    background-color: var(--color-primary);
    color: var(--color-text-on-primary);
}
/* /Driver_Features/NewCreateDamage/NewUnfallzeugeView.razor.rz.scp.css */
/* === Strukturblöcke === */
.unfallzeuge[b-5dh0gkocp2] {
    background-color: var(--color-background);
    box-shadow: var(--shadow);
    border-radius: var(--border-radius-base);
    padding: 1.5rem;
    max-width: 800px;
    font-size: var(--font-size-base);
}

.unfallzeuge__header[b-5dh0gkocp2] {
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
}

.unfallzeuge__content[b-5dh0gkocp2] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* === Titelbereiche (z. B. Führerschein, Schäden) === */
.section__title[b-5dh0gkocp2] {
    font-weight: 600;
    font-size: var(--font-size-base);
    color: var(--color-primary);
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section__title--clickable[b-5dh0gkocp2] {
    cursor: pointer;
}

.section__arrow i[b-5dh0gkocp2] {
    margin-left: 0.5rem;
}

/* === Kontaktbereich === */
.kontakt[b-5dh0gkocp2] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    background-color: var(--color-background-hover);
    padding: 1rem;
    border-radius: var(--border-radius-base);
    border: var(--border);
}

.kontakt__left[b-5dh0gkocp2],
.kontakt__right[b-5dh0gkocp2] {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.kontakt__field[b-5dh0gkocp2] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
}

.kontakt__label[b-5dh0gkocp2] {
    font-size: var(--font-size-small);
    color: #666;
    margin-bottom: 0.2rem;
}

.kontakt__value[b-5dh0gkocp2] {
    font-size: var(--font-size-base);
    color: #000;
    word-break: break-word;
}

/* === Hinweisblock (z. B. kein Führerschein) === */
.hinweis[b-5dh0gkocp2] {
    background-color: rgba(220, 53, 69, 0.05);
    padding: 0.75rem;
    border-left: 4px solid var(--color-danger);
    border-radius: var(--border-radius-base);
    color: var(--color-danger);
    font-size: var(--font-size-small);
}

/* === Bilderbereich === */
.bilder-grid[b-5dh0gkocp2] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 0;
}

    .bilder-grid img[b-5dh0gkocp2] {
        max-width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: var(--border-radius-base);
        box-shadow: var(--shadow);
    }

@media (min-width: 768px) {
    .bilder-grid img[b-5dh0gkocp2] {
        max-width: 200px;
        max-height: 200px;
    }
}

/* === Aktionen === */
.unfallzeuge__actions[b-5dh0gkocp2] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

/* === Bestätigungsdialog (Löschen) === */
.confirm-dialog[b-5dh0gkocp2] {
    background-color: var(--color-background-hover);
    border: var(--border);
    border-left: 4px solid var(--color-danger);
    border-radius: var(--border-radius-base);
    padding: 1rem;
    margin-top: 1rem;
    box-shadow: var(--shadow);
}

.confirm-dialog__text[b-5dh0gkocp2] {
    margin-bottom: 1rem;
    font-weight: 500;
}

.confirm-dialog__actions[b-5dh0gkocp2] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

    .confirm-dialog__actions .btn[b-5dh0gkocp2] {
        padding: 0.5rem 1rem;
        border: none;
        border-radius: var(--border-radius-base);
        font-size: var(--font-size-small);
        cursor: pointer;
    }

.btn-danger[b-5dh0gkocp2] {
    background-color: var(--color-danger);
    color: #fff;
}

.btn-secondary[b-5dh0gkocp2] {
    background-color: var(--color-primary);
    color: var(--color-text-on-primary);
}
/* /Driver_Features/NewDriverHeaderWithEditProfile.razor.rz.scp.css */
/**************************************************/

.user-edit__form[b-a25svmce4b] {
    margin: auto auto;
}

/* === GRID-LAYOUT === */
.user-edit__grid[b-a25svmce4b] {
    display: grid;
    grid-template-columns: 180px 1fr; /* links schmal fürs Bild, rechts flexibel */
    column-gap: 2rem;
    row-gap: 1.5rem;
    align-items: start;
    /* Wir definieren exakt, wie die 3 Bereiche liegen sollen */
    grid-template-areas:
        "left   right"
        "content content";
}

/* Bereiche zuweisen */
.user-edit__left[b-a25svmce4b] {
    grid-area: left;
}

.user-edit__right[b-a25svmce4b] {
    grid-area: right;
    justify-self: end;
    align-self: start;
}

.user-edit__content[b-a25svmce4b] {
    grid-area: content;
}

/* === LINKER BEREICH (Profilbild) === */
.user-edit__left[b-a25svmce4b] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

/* === PROFILBILD === */
.create-user__profile-picture[b-a25svmce4b] {
    align-items: center;
    width: 150px;
    height: 150px;
    margin: 0; /* kein extra bottom-gap nötig, das Grid macht die Abstände */
}

[b-a25svmce4b] .create-user__profile-picture .image-wrapper {
    width: 100%;
    height: 100%;
}

.create-user__actions[b-a25svmce4b] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}


.headline[b-a25svmce4b] {
    display: flex;
    justify-content: center;
    margin: 2rem auto;
    border-bottom: 2px solid #007bff;
    padding-bottom: 0.5rem;
    max-width: 500px;
    font-size: var(--font-size-headline-h1);
    margin: 0;
}

.user-form__change-password .user-form__change-password-actions[b-a25svmce4b] {
    display: flex;
    gap: .8rem;
    width: 80%;
}

[b-a25svmce4b] .user-form__change-password-actions button {
    display: block;
    width: 100%;
}

.user-form__change-password[b-a25svmce4b] {
    max-width: 520px;
    margin: 0 auto;
    text-align: center;
    justify-items: center; /* zentriert auch Blockkinder wie deine Komponenten */
}

    .user-form__change-password .headline[b-a25svmce4b] {
        width: 80%;
    }

/**************************************************/


.driver__header[b-a25svmce4b] {
    height: fit-content;
    max-height: 20rem;
    display: flex;
    flex-direction: column;
}

.driver-header__top[b-a25svmce4b] {
    min-height: fit-content;
}

.driver-header__bottom[b-a25svmce4b] {
    display: flex;
    background-color: rgb(0, 159, 227);
    height: 100%;
    padding: 1rem 0;
    justify-content: space-between;
    align-items: center;
}

.driver-header__left[b-a25svmce4b] {
    height: 100%;
    width: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}

.driver-header__middle[b-a25svmce4b] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    font-size: 1.2rem;
    color: white;
}

.driver-header__right[b-a25svmce4b] {
    width: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.header-top__logout[b-a25svmce4b] {
    border: 1px solid white;
    border-radius: 8px;
    padding: 1rem;
    transition: all 0.3s;
    color: white;
    cursor: pointer;
}

    .header-top__logout:hover[b-a25svmce4b] {
        background-color: rgb(0, 139, 207);
    }

[b-a25svmce4b] .driver-header-top__profile-picture {
    height: 6rem;
}

.dahmen__logo[b-a25svmce4b] {
    height: 6rem;
}

.progress-container[b-a25svmce4b] {
    height: 10px;
    width: 100%;
    display: grid;
}

@media(max-width: 840px) {
    .driver-header__left[b-a25svmce4b] {
        width: fit-content;
        padding: 0 0.5rem;
    }
}

@media(max-width: 280px) {
    .dahmen__logo[b-a25svmce4b] {
        height: 3rem;
    }
}
/* /Driver_Features/_CreateDamage/AllUnfallgegner.razor.rz.scp.css */
.wrapper[b-llsnlyg08u]{
    padding: 0 1rem;

    display: flex;

    flex-direction: column;
}

.top[b-llsnlyg08u] {
    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 2rem;

    background-color: rgb(240, 240, 240);

    position: relative;

    padding: 1rem 0;

    transition: all 0.2s;

    cursor: pointer;
}

.top:hover[b-llsnlyg08u]{
    background-color: rgb(230, 230, 230);

    cursor: pointer;
}

.top i[b-llsnlyg08u]{
    position: absolute;

    right: 1rem;
}

.bottom[b-llsnlyg08u]{
    background-color: white;

    border: 1px solid rgb(240, 240, 240);
    border-top: none;

    height: 100%;

    display: grid;

    grid-template-columns: repeat(2, 50%);

    gap: 1rem;

    padding: 1rem;
}

@media(max-width: 600px){
    .bottom[b-llsnlyg08u]{
        grid-template-columns: 1fr;
    }
}
/* /Driver_Features/_CreateDamage/AllUnfallzeugen.razor.rz.scp.css */
.wrapper[b-btkiddj8tb]{
    padding: 1rem;

    display: flex;

    flex-direction: column;
}

.top[b-btkiddj8tb]{
    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 2rem;

    background-color: rgb(240, 240, 240);

    position: relative;

    padding: 1rem 0;

    transition: all 0.2s;

    cursor: pointer;
}

.top:hover[b-btkiddj8tb]{
    background-color: rgb(230, 230, 230);
}

.top i[b-btkiddj8tb]{
    position: absolute;

    right: 1rem;
}

.bottom[b-btkiddj8tb]{    
    background-color: white;

    border: 1px solid rgb(240, 240, 240);
    border-top: none;

    height: 100%;

    display: grid;

    grid-template-columns: repeat(2, 50%);

    gap: 1rem;

    padding: 1rem;
}

@media(max-width: 600px){
    .bottom[b-btkiddj8tb]{
        grid-template-columns: 1fr;
    }
}
/* /Driver_Features/_CreateDamage/CreateDamage.razor.rz.scp.css */
.wrapper[b-k1u9gheyzz]{
    height: 100vh !important;

    display: flex;

    flex-direction: column;

    overflow: hidden;
}

.index__header[b-k1u9gheyzz] {
    height: 15%;
    color: white;
    background-color: rgb(0, 159, 227);
    display: flex;
    justify-content: space-between;
}

.middle[b-k1u9gheyzz]{
    flex: 1;

    display: flex;

    flex-direction: column;

    max-height: 100%;

    overflow-y: auto;
}

.header-top__username[b-k1u9gheyzz] {
    text-align: center;
    margin-bottom: 1rem;
}

.index-header__left[b-k1u9gheyzz],
.index-header__middle[b-k1u9gheyzz],
.index-header__right[b-k1u9gheyzz] {
    width: 100%;
}

.index-header__left[b-k1u9gheyzz] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    flex: 1;
    padding: 1rem;
}

.index-header__middle[b-k1u9gheyzz] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    padding: 1rem 0;
    font-size: 1.4rem;
    flex: 3;
}

.index-header__right[b-k1u9gheyzz] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
}

.header-top__logout[b-k1u9gheyzz] {
    border: 1px solid white;
    border-radius: 8px;
    padding: 1rem;
    transition: all 0.3s;
}

    .header-top__logout:hover[b-k1u9gheyzz] {
        background-color: rgb(0, 139, 207);
    }

.dahmen__logo[b-k1u9gheyzz] {
    max-height: 50%;
}

[b-k1u9gheyzz] .damages.unfixed__damages {
    border-radius: var(--border-radius-base);
    box-shadow: var(--shadow-focus);
}

[b-k1u9gheyzz] .header-top__profile-picture {
    height: 100%;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-k1u9gheyzz] .content .damage-wrapper{
    margin: 0;
    width: 100%;
}

.inner-wrapper[b-k1u9gheyzz]{
    display: flex;

    flex-direction: column;
}

.content__wrapper[b-k1u9gheyzz]{
    width: 100%;
    height: 100%;

    overflow-y: auto;
    overflow-x: hidden;

    display: flex;

    justify-content: center;
}

.content[b-k1u9gheyzz] {
    padding: 1rem;
    display: flex;
    background-color: var(--color-background);
    flex-direction: column;
    max-width: 40%;
    height: fit-content;
    flex: 1;
    gap: 1rem;
    margin: 4rem 2rem;
    border-radius: var(--border-radius-base);
    box-shadow: 0 0 6px rgba(0, 123, 255, 0.8);
}

[b-k1u9gheyzz] .header-top__profile-picture{
    height: 100px;
    object-fit: cover !important;
}

.header-top__username[b-k1u9gheyzz]{
    margin-top: 1rem;
    margin-bottom: 0;

    font-size: 1rem;
}

@media(max-width: 1810px){
    .content[b-k1u9gheyzz]{
        max-width: 60%;
    }
}

@media(max-width: 1000px){
    .content[b-k1u9gheyzz]{
        max-width: 100%;
    }
}

[b-k1u9gheyzz] .content .top {
    box-shadow: var(--shadow-focus);
    border-radius: var(--border-radius-base);
    background-color: var(--color-background);
}

[b-k1u9gheyzz] .select-input__wrapper span {
    font-weight: 600;
    font-size: var(--font-size-headline);
    color: var(--color-primary);
    margin-bottom: 1rem;
}

[b-k1u9gheyzz] .select-input__wrapper .car-select {
    padding: 0.5rem 1rem;
    border: var(--border);
    border-radius: var(--border-radius-base);
    background-color: var(--color-background);
    width: 100%;
    transition: box-shadow 0.2s, border-color 0.2s;
}

[b-k1u9gheyzz] .select-input__wrapper .car-select:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--shadow-focus);
}
/* /Driver_Features/_CreateDamage/CreateUnfallGegner.razor.rz.scp.css */
.wrapper[b-x126soonzv]{
    min-height: 4rem;

    padding: 1rem;
}

.top[b-x126soonzv]{
    height: 4rem;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 2rem;

    background-color: rgb(240, 240, 240);
}

.middle[b-x126soonzv] {
    border: 1px solid rgb(240, 240, 240);
}

.input-group[b-x126soonzv]{
    display: flex;

    gap: 1rem;
}

.flex-row[b-x126soonzv]{
    flex-direction: row;
}

.flex-column[b-x126soonzv]{
    flex-direction: column;
}
/* /Driver_Features/_CreateDamage/CreateUnfallZeuge.razor.rz.scp.css */
.wrapper[b-x1ct4tyf24]{
    padding: 1rem;
}

.flex[b-x1ct4tyf24]{
    display: flex;
}

.row[b-x1ct4tyf24]{
    flex-direction: row;
}

.action__wrapper[b-x1ct4tyf24]{
    padding: 1rem;
    gap: 1rem;
}

[b-x1ct4tyf24] .add-zeuge__button{
    width: calc(100% - 2rem) !important;
    margin: 1rem;
}

.top[b-x1ct4tyf24] {
    height: 4rem;
    
    display: flex;
    
    justify-content: center;
    align-items: center;
    
    font-size: 2rem;

    background-color: rgb(240, 240, 240);
}

.bottom[b-x1ct4tyf24]{
    border: 1px solid rgb(240, 240, 240);
}
/* /Driver_Features/_CreateDamage/SelectUnfallVerursacherKollege.razor.rz.scp.css */
.wrapper[b-zg5i6mpa3a]{
    width: 100%;
    min-height: 4rem;

/*    padding: 1rem;*/
}

.top[b-zg5i6mpa3a] {
    font-size: 2rem;
    text-align: center;
    padding: 1rem 0;
    background: rgb(200, 200, 200);
}

.bottom[b-zg5i6mpa3a] {
    border-bottom: 1px solid rgb(200, 200, 200);
    border-left: 1px solid rgb(200, 200, 200);
    border-right: 1px solid rgb(200, 200, 200);
}

[b-zg5i6mpa3a] .add-custom-unfallverursacher {
    border-right: 1rem solid rgb(220, 220, 220);
    border-left: 1rem solid rgb(220, 220, 220);
}
/* /Driver_Features/_CreateDamage/UnfallgegnerView.razor.rz.scp.css */
.wrapper[b-y5ybzblqfr]{
    border: 1px solid black;
    border-top: none;

    border-radius: 2px;

    display: flex;

    flex-direction: column;

    height: fit-content;
}

.top[b-y5ybzblqfr]{
    display: flex;

    justify-content: center;
    align-items: center;

    width: 100%;

    font-weight: bold;

    padding: 2rem 0;

    gap: 3px;

    font-size: 1.4rem;

    border-top: 1px solid black;
}

.bottom[b-y5ybzblqfr]{
    border-top: 1px solid black;
}

.top__license[b-y5ybzblqfr]{
    border-top: 1px solid black;

    position: relative;

    transition: all 0.2s;
}

.top__license:hover[b-y5ybzblqfr]{
    cursor: pointer;

    background-color: rgb(220, 220, 220);
}

.arrow[b-y5ybzblqfr]{
    position: absolute;
    right: 1rem;
}

.license__pictures[b-y5ybzblqfr]{
    display: grid;

    grid-template-columns: repeat(2, calc(50% - 0.5rem));

    gap: 1rem;
}

.license__pictures[b-y5ybzblqfr]  img{
    object-fit: cover;
    width: 100%;
}

.kontakt[b-y5ybzblqfr]{
    display: flex;
    width: 100%;

    gap: 2rem;

    padding: 1rem;

    justify-content: center;
    align-items: center;
}

.kontakt__left[b-y5ybzblqfr],
.kontakt__right[b-y5ybzblqfr]{
    display: flex;

    flex-direction: column;

    font-size: 1.2rem;

    gap: 1rem;
}

.actions[b-y5ybzblqfr]{
    display: flex;

    flex-direction: column;

    gap: 1rem;

    padding: 1rem;
}
/* /Driver_Features/_CreateDamage/UnfallzeugeView.razor.rz.scp.css */
.wrapper[b-mdslmd4pk8]{
    border: 1px solid black;

    border-radius: 2px;

    font-size: 1.4rem;
}

.flex[b-mdslmd4pk8]{
    display: flex;

    justify-content: center;
    align-items: center;

    gap: 0.5rem;
}

.row[b-mdslmd4pk8]{
    flex-direction: row;
}

.column[b-mdslmd4pk8]{
    flex-direction: column;
}

.top[b-mdslmd4pk8]{
    background-color: rgb(240, 240, 240);

    padding: 1rem;

    font-size: 2rem;

    justify-content: center;
    align-items: center;
}

.bottom[b-mdslmd4pk8]{
    display: flex;

    flex-direction: column;

    gap: 0.5rem;

    padding: 1rem;
}

.adresse[b-mdslmd4pk8]{
    width: 100%;

    text-align: center;

    justify-content: center;

    gap: 1rem;
}

.actions[b-mdslmd4pk8]{
    display: flex;

    flex-direction: column;

    gap: 1rem;

    padding: 1rem;
}

/* /Driver_Features/_CreateSichtung/AddSightingDamage.razor.rz.scp.css */

.damage__header[b-o6ml0v96oq] {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem;
    padding: 0.5rem 1rem;
    border-bottom: 2px solid #007bff;
    width: 100%;
}

.damage-wrapper[b-o6ml0v96oq] {
    justify-items: center;
}

.damage__actions[b-o6ml0v96oq] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 2rem;
}

.damage-picture__upload[b-o6ml0v96oq] {
    height: 50px;
    width: 100%;
}


.damage-picture__wrapper[b-o6ml0v96oq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

    .damage-picture__wrapper[b-o6ml0v96oq]  .image__wrapper {
        width: 100%;
        height: 100%;
    }

        .damage-picture__wrapper[b-o6ml0v96oq]  .image__wrapper img {
            width: 100%;
            height: 100%;
        }
/* /Driver_Features/_CreateSichtung/BasicInformation.razor.rz.scp.css */
.create-sichtung[b-gppio4b0vu] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.create-sichtung__header[b-gppio4b0vu] {
    height: 10%;
    background-color: rgb(240, 240, 240);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    font-size: 1.6rem;
}

.info[b-gppio4b0vu]{
    width: 100%;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 1.2rem;

    padding-left: 1.5rem;

    margin-bottom: 0.5rem;
}

.create-sichtung__content[b-gppio4b0vu] {
    height: fit-content;
    
    padding: 1rem 0;
    
    display: flex;
    
    flex-direction: column;

    align-content: space-around;
    justify-items: center;
}

    .create-sichtung__content *[b-gppio4b0vu] {
        width: 100%;
    }

[b-gppio4b0vu] .checkbox-input__label{
    font-size: 1.5rem !important;
}

[b-gppio4b0vu] .label-input__wrapper{
    width: 100%;
}

[b-gppio4b0vu] .checkbox-input {
    justify-content: space-between;
}

.input-checkbox__wrapper label:last-child[b-gppio4b0vu] {
    min-width: 3rem;
    padding-left: 0.55rem;
}

@media(min-height: 800px) {
    .index__header[b-gppio4b0vu] {
        font-size: 2rem;
    }

    .index-header__middle[b-gppio4b0vu] {
        font-size: 2rem;
    }

    .index-header__right i[b-gppio4b0vu] {
        padding: 2rem;
    }
}
/* /Driver_Features/_CreateSichtung/CheckDriversLicense.razor.rz.scp.css */
.wrapper[b-nci5op424i]{
    width: 100%;
    height: fit-content;

    margin-top: 1rem;

    display: flex;

    flex-direction: column;
}

[b-nci5op424i] .drivers-license__input{
    min-height: 200px !important;

    padding: 1rem;
}

[b-nci5op424i] .drivers-license__picture{
    min-height: 200px;
}

.header[b-nci5op424i]{
    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 1.4rem;

    min-height: 5rem;

    margin: 0 1rem;

    background-color: white;
}

.drivers-license__wrapper[b-nci5op424i]{
    height: fit-content;

    display: grid;

    grid-template-columns: 1fr;
    
    gap: 2rem;

    padding: 2rem;
}
/* /Driver_Features/_CreateSichtung/CreateSichtung.razor.rz.scp.css */
.index__wrapper[b-jcwiw8uypr] {
    height: 100%;

    display: flex;
    flex-direction: column;
}

.wrapper[b-jcwiw8uypr]{
    height: 100%;
    width: 100%;
}

[b-jcwiw8uypr].wrapper .first-form{
    height: fit-content;
    width: 50%;

    background-color: rgb(210, 210, 210);
}

.info[b-jcwiw8uypr]{
}

.index__header[b-jcwiw8uypr] {
    height: 15%;

    display: flex;

    background-color: rgb(0, 159, 227);

    color: white;

    font-size: 1.2rem;
}

.index-header__left[b-jcwiw8uypr] {
    flex: 1;

    display: flex;

    justify-content: center;
    align-items: center;

    padding: 1rem;
}

[b-jcwiw8uypr] .header-top__profile-picture{
    height: 80%;
    margin-right: 1rem;
}

.index-header__middle[b-jcwiw8uypr] {
    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: center;
    align-items: center;
}

.dahmen__logo[b-jcwiw8uypr]{
    height: 40%;
    margin-bottom: 1rem;
}

.header-top__logout[b-jcwiw8uypr] {
    border: 1px solid white;
    border-radius: 8px;
    padding: 1rem;
    transition: all 0.3s;
}

.index__body[b-jcwiw8uypr] {
    height: 100%;
    padding-bottom: 1rem;
    padding-top: 1rem;

    overflow-y: auto;
    overflow-x: hidden;

    display: flex;

    justify-content: center;
}

@media(max-width: 1200px){
    .index__body[b-jcwiw8uypr]  form{
        width: 100% !important;
    }
}
/* /Driver_Features/_CreateSichtung/CreateTurnOver.razor.rz.scp.css */


.create-sichtung[b-sg1tzfoh6s] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.create-sichtung__header[b-sg1tzfoh6s] {
    height: 10%;
    background-color: rgb(240, 240, 240);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    font-size: 1.6rem;
}

.create-sichtung__content[b-sg1tzfoh6s] {
    height: fit-content;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .create-sichtung__content *[b-sg1tzfoh6s] {
        width: 100%;
    }



[b-sg1tzfoh6s] .sighting-check__wrapper {
    width: 100%;
}

[b-sg1tzfoh6s] .checkbox-input__label {
    font-size: 1.5rem !important;
}

[b-sg1tzfoh6s] .label-input__wrapper {
    width: 100%;
    justify-content: center;
    padding-bottom: 2rem;
}

[b-sg1tzfoh6s] .checkbox-input {
    justify-content: space-between;
    width: 100%;
}

[b-sg1tzfoh6s] .datalist-input__wrapper {
    width: 100%;
    justify-content: center;
}

[b-sg1tzfoh6s] .select-input__wrapper {
    width: 100%;
}
/* /Driver_Features/_CreateSichtung/DamageElement.razor.rz.scp.css */
.past-damage__wrapper[b-isbw4qe35e]{
    display: flex;

    flex-direction: column;

    height: fit-content;

    background-color: white;
}

.past-damage__top[b-isbw4qe35e]{
    display: flex;

    width: 100%;

    justify-content: space-between;
    padding-right: 1rem;
}

.past-damage__where-what[b-isbw4qe35e]{
    padding: 1rem;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    font-size: 1.2rem;
}

.past-damage__actions[b-isbw4qe35e]{
    display: flex;

    width: fit-content;

    justify-content: space-between;

    gap: 1rem;

    padding-left: 1rem;
}

.past-damage__checkbox-wrapper[b-isbw4qe35e]{
    display: flex;

    justify-content: space-around;
    align-items: center;

    width: fit-content;

    gap: 2rem;
}

.past-damage__repaired-text[b-isbw4qe35e]{
    font-size: 1.2rem;
}

.past-damage__checkbox[b-isbw4qe35e]{
    border: 1px solid black;

    height: 3rem;
    width: 3rem;

    background-color: rgb(240, 240, 240);

    display: flex;
    
    justify-content: center;
    align-items: center;

    font-size: 1.2rem;
}

.past-damage__fold[b-isbw4qe35e]{
    flex: 1;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 1.2rem;

    cursor: pointer;

    background-color: rgb(200, 200, 200);
}

.past-damage__bottom[b-isbw4qe35e]{
    display: flex;

    flex-direction: column;
}

.past-damage-bottom__header[b-isbw4qe35e]{
    height: 3rem;

    display: flex;

    justify-content: center;
    align-items: center;

    background-color: rgb(200, 200, 200);

    font-size: 1.2rem;
}

.past-damage__pictures[b-isbw4qe35e]{
    display: grid;

    grid-template-columns: 1fr 1fr;

    padding: 1rem;
}

.past-damage__comments[b-isbw4qe35e]{
    display: flex;

    flex-direction: column;
}

.comments__header[b-isbw4qe35e]{
    height: 3rem;

    background-color: rgb(200, 200, 200);

    font-size: 1.2rem;

    display: flex;

    justify-content: center;
    align-items: center;
}

.comments__content[b-isbw4qe35e]{
    text-align: center;

    padding: 2rem;

    min-height: 5rem;

    font-size: 1.2rem;
}

.past-damage__metadata[b-isbw4qe35e]{
    flex: 1;

    display: flex;
}

.damages__actions[b-isbw4qe35e]{
    width: 100%;
    height: 5rem;

    display: flex;

    padding: 1rem;

    gap: 1rem;
}

.metadata__left[b-isbw4qe35e],
.metadata__right[b-isbw4qe35e]{
    flex: 1;

    display: flex;

    justify-content: center;
    align-items: center;

    flex-direction: column;
}

.delete-damage[b-isbw4qe35e]{
    flex: 1;

    display: flex;

    justify-content: center;
    align-items: center;

    cursor: pointer;

    background-color: rgb(200, 200, 200);

    font-size: 1.4rem;

    transition: all 0.3s;
}

.delete-damage:hover[b-isbw4qe35e]{
    color: red;
}
/* /Driver_Features/_CreateSichtung/EquiptmentComplete.razor.rz.scp.css */
.create-sichtung__header[b-6xl5x9bwpi] {
    height: 10%;
    background-color: rgb(240, 240, 240);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    font-size: 1.6rem;
}

[b-6xl5x9bwpi] .sighting-check__wrapper {
    width: 100%;
}

[b-6xl5x9bwpi] .checkbox-input__label {
    font-size: 1.5rem !important;
}

[b-6xl5x9bwpi] .label-input__wrapper {
    width: 100%;
    justify-content: center;
    padding-bottom: 2rem;
}

[b-6xl5x9bwpi] .checkbox-input {
    justify-content: space-between;
}

[b-6xl5x9bwpi] .datalist-input__wrapper {
    width: 100%;
    justify-content: center;
}

[b-6xl5x9bwpi] .select-input__wrapper {
    width: 100%;
}
/* /Driver_Features/_CreateSichtung/FunctioningTest.razor.rz.scp.css */
.input-checkbox__wrapper label:first-child[b-tiz4ps4ryy] {
    font-size: 1.4rem;
}

.input-checkbox__wrapper label:last-child[b-tiz4ps4ryy] {
    min-width: 3rem;
    padding-left: 0.55rem;
}

.datalist-input__wrapper[b-tiz4ps4ryy] {
    margin-bottom: 1rem;
}

.create-sichtung__content[b-tiz4ps4ryy] {
    align-items: flex-end;
}

    .create-sichtung__content *[b-tiz4ps4ryy] {
        width: 100%;
    }

.create-sichtung[b-tiz4ps4ryy] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.create-sichtung__header[b-tiz4ps4ryy] {
    height: 10%;
    background-color: rgb(240, 240, 240);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    font-size: 1.6rem;
}

.create-sichtung__content[b-tiz4ps4ryy] {
    height: fit-content;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .create-sichtung__content *[b-tiz4ps4ryy] {
        width: 100%;
    }

.input-checkbox__wrapper label:last-child[b-tiz4ps4ryy] {
    min-width: 3rem;
    padding-left: 0.55rem;
}



[b-tiz4ps4ryy] .sighting-check__wrapper {
    width: 100%;

    display: flex;

    flex-direction: column;
}

[b-tiz4ps4ryy] .checkbox-input__label {
    font-size: 1.5rem !important;
}

[b-tiz4ps4ryy] .label-input__wrapper {
    width: 100%;
    justify-content: center;
}

[b-tiz4ps4ryy] .checkbox-input {
    justify-content: space-between;
}

[b-tiz4ps4ryy] .datalist-input__wrapper {
    width: 100%;
    justify-content: center;
}

[b-tiz4ps4ryy] .select-input__wrapper {
    width: 100%;
}

@media(min-height: 800px) {
    .index__header[b-tiz4ps4ryy] {
        font-size: 2rem;
    }

    .index-header__middle[b-tiz4ps4ryy] {
        font-size: 2rem;
    }

    .index-header__right i[b-tiz4ps4ryy] {
        padding: 2rem;
    }
}
/* /Driver_Features/_CreateSichtung/NewAddDamage.razor.rz.scp.css */
.damage__header[b-cu9i539poc] {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem;
    padding: 0.5rem 1rem;
    border-bottom: 2px solid #007bff;
    width: 100%;
}

.damage-wrapper[b-cu9i539poc] {
    justify-items: center;
}

.damage__actions[b-cu9i539poc] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 2rem;
}

.damage-picture__upload[b-cu9i539poc] {
    height: 50px;
    width: 100%;
}

.damage-picture__wrapper[b-cu9i539poc] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

    .damage-picture__wrapper[b-cu9i539poc]  .image__wrapper {
        width: 100%;
        height: 100%;
    }

        .damage-picture__wrapper[b-cu9i539poc]  .image__wrapper img {
            width: 100%;
            height: 100%;
        }

[b-cu9i539poc] .damage-content__unfallgegner .button--primary {
    width: 100%;
}
/* /Driver_Features/_CreateSichtung/PersonalInformations.razor.rz.scp.css */


.input-checkbox__wrapper label:first-child[b-2qto4i8vq1] {
    font-size: 1.4rem;
}

.input-checkbox__wrapper label:last-child[b-2qto4i8vq1] {
    min-width: 3rem;
    padding-left: 0.55rem;
}

.datalist-input__wrapper[b-2qto4i8vq1] {
    margin-bottom: 1rem;
}

.create-sichtung__content[b-2qto4i8vq1] {
    display: flex;

    flex-direction: column;

    align-items: flex-end;
}

.create-sichtung[b-2qto4i8vq1] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.create-sichtung__header[b-2qto4i8vq1] {
    height: 10%;
    background-color: rgb(240, 240, 240);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    font-size: 1.6rem;
}

.create-sichtung__content[b-2qto4i8vq1] {
    height: fit-content;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.input-checkbox__wrapper label:last-child[b-2qto4i8vq1] {
    min-width: 3rem;
    padding-left: 0.55rem;
}

[b-2qto4i8vq1] .checkbox-input__label {
    font-size: 1.5rem !important;
}

[b-2qto4i8vq1] .datalist-input__wrapper {
    width: 100%;

    justify-content: center;
}

[b-2qto4i8vq1] .select-input__wrapper{
    width: 100%;
}

[b-2qto4i8vq1] .damages__wrapper{
    min-height: fit-content;

    width: 100%;

    display: grid;

    grid-template-columns: 1fr;

    grid-auto-rows: minmax(150px, auto);
    row-gap: 2rem;

    padding: 2rem;
}
[b-2qto4i8vq1] .create-sichtung__button .button--primary {
    width: 100%;
    height: 40px;
}


@media(min-height: 800px) {
    .index__header[b-2qto4i8vq1] {
        font-size: 2rem;
    }

    .index-header__middle[b-2qto4i8vq1] {
        font-size: 2rem;
    }

    .index-header__right i[b-2qto4i8vq1] {
        padding: 2rem;
    }
}


.create-sichtung__button[b-2qto4i8vq1] {
    width: 100%;
    padding: 1rem;
}
/* /Driver_Features/_CreateSichtung/SightingInside.razor.rz.scp.css */
.input-checkbox__wrapper label:first-child[b-m5zhil80rz] {
    font-size: 1.4rem;
}

.input-checkbox__wrapper label:last-child[b-m5zhil80rz] {
    min-width: 3rem;
    padding-left: 0.55rem;
}

.datalist-input__wrapper[b-m5zhil80rz] {
    margin-bottom: 1rem;
}

.create-sichtung__content[b-m5zhil80rz] {
    align-items: flex-end;
}

    .create-sichtung__content *[b-m5zhil80rz] {
        width: 100%;
    }

.create-sichtung[b-m5zhil80rz] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.create-sichtung__header[b-m5zhil80rz] {
    height: 10%;
    background-color: rgb(240, 240, 240);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    font-size: 1.6rem;
}

.create-sichtung__content[b-m5zhil80rz] {
    height: fit-content;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .create-sichtung__content *[b-m5zhil80rz] {
        width: 100%;
    }

.input-checkbox__wrapper label:last-child[b-m5zhil80rz] {
    min-width: 3rem;
    padding-left: 0.55rem;
}

[b-m5zhil80rz] .sighting-check__wrapper{
    width: 100%;

    display: flex;

    flex-direction: column;
}

[b-m5zhil80rz] .checkbox-input__label {
    font-size: 1.5rem !important;
}

[b-m5zhil80rz] .label-input__wrapper{
    width: 100%;

    justify-content: center;
}

[b-m5zhil80rz] .checkbox-input {
    justify-content: space-between;
}

[b-m5zhil80rz] .datalist-input__wrapper {
    width: 100%;
    justify-content: center;
}

[b-m5zhil80rz] .select-input__wrapper {
    width: 100%;
}

@media(min-height: 800px) {
    .index__header[b-m5zhil80rz] {
        font-size: 2rem;
    }

    .index-header__middle[b-m5zhil80rz] {
        font-size: 2rem;
    }

    .index-header__right i[b-m5zhil80rz] {
        padding: 2rem;
    }
}
/* /Driver_Features/_CreateSichtung/UebersichtSichtung.razor.rz.scp.css */
.create-sichtung__content[b-40f2gcgn3s] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
}

.create-sichtung[b-40f2gcgn3s] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.red[b-40f2gcgn3s],
[b-40f2gcgn3s] .red {
    color: red;
    font-weight: bold;
}

[b-40f2gcgn3s] .button-spinner{
    flex: 0;
}

.create-sichtung__header[b-40f2gcgn3s]{
    height: 10%;

    background-color: rgb(240, 240, 240);

    display: flex;

    justify-content: center;
    align-items: center;

    padding: 1rem 0;
    font-size: 1.6rem;
}

.summup__categorie[b-40f2gcgn3s] {
    background-color: rgb(200, 200, 200);
    min-height: fit-content;
    width: 100%;
    margin-bottom: 1rem;
}

.categorie__header[b-40f2gcgn3s] {
    height: 3rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.categorie__content[b-40f2gcgn3s] {
    padding: 1rem;
}

.categorie-content__point--not[b-40f2gcgn3s] {
    color: red;
}

ul[b-40f2gcgn3s] {
    margin: 0;
    padding: 0;
    padding-left: 2rem;
}

.involved-persons__wrapper[b-40f2gcgn3s]{
    display: flex;

    justify-content: center;
    align-items: center;
}

.involved-persons__content[b-40f2gcgn3s]{
    display: flex;

    height: 100px;

    width: fit-content;

    min-width: 300px;

    justify-content: space-around;

    align-items: center;
}

.person__wrapper[b-40f2gcgn3s]{
    height: 100%;

    display: flex;

    flex-direction: column;
}

[b-40f2gcgn3s] .person__img{
    height: 75px;
    width: 75px;

    display: flex;

    justify-content: center;
    align-items: center;

    border: 1px solid black;
}
/* /Driver_Features/_Home/CarCard.razor.rz.scp.css */
.user-car__card[b-z9oy24gfaf] {
    height: fit-content;

    max-height: 100%;

    background-color: white;

    min-width: 85vw;
    max-width: 500px;

    overflow-y: auto;

    display: flex;
    flex-direction: column;

    z-index: 3;

    box-shadow: 0 0 0.6rem 0.1rem black;
}

.car__info[b-z9oy24gfaf]{
    display: flex;

    flex-direction: column;

    gap: 1rem;

    padding: 1rem;
}

[b-z9oy24gfaf] .card-car__image{
    height: 20rem;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 3rem;
}

.user-car__card--single[b-z9oy24gfaf]{
    width: 100% !important;
}

.card__car[b-z9oy24gfaf] {
    height: 100px;
    display: flex;

    justify-content: center;
    align-items: center;
}

.user-car__card span[b-z9oy24gfaf] {
    font-size: 1.2rem;
}

.card__header[b-z9oy24gfaf] {
    height: 12.5%;

    min-height: 7rem;

    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(0, 159, 227);
    color: white;
    font-size: 1.4rem;
}

.card__car[b-z9oy24gfaf]  img {
    height: 100px;
    object-fit: cover;
    object-position: center;
    overflow-clip-margin: unset;
    overflow: hidden;

    justify-self: center;
    align-self: center;
}

.car__metadata[b-z9oy24gfaf] {
    min-height: fit-content;

    display: flex;
    flex-direction: column;
}

.metadata__top[b-z9oy24gfaf] {
    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-around;
    align-items: center;

    min-height: 100px;
}

.metadata__bottom[b-z9oy24gfaf] {
    height: 100%;
    
    min-height: 100px;

    display: flex;

    border-top: 1px solid rgb(220, 220, 220);
}

.metadata-bottom__left[b-z9oy24gfaf],
.metadata-bottom__right[b-z9oy24gfaf] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    align-content: space-around;
    justify-items: center;
}

.metadata-bottom__left[b-z9oy24gfaf] {
    border-right: 1px solid rgb(220, 220, 220);
}

.metadata-bottom__right .red[b-z9oy24gfaf] {
    color: red;
}

.car__documents[b-z9oy24gfaf]{
    height: fit-content;

    display: grid;

    grid-auto-columns: 100%;

    padding: 2rem;

    row-gap: 2rem;

    border-top: 1px solid rgb(220, 220, 220);
}

@media(min-width: 380px) {
    .card__car[b-z9oy24gfaf] {
        height: 30%;
    }

    .card__car[b-z9oy24gfaf]  img{
        height: 100%;
    }

    .user-car__card[b-z9oy24gfaf] {
        width: 70%;
    }

    .user-car__card span[b-z9oy24gfaf]{
        font-size: 1.5rem;
    }
}

@media(min-width: 600px) {
    .user-car__card[b-z9oy24gfaf] {
        font-size: 1.4rem;
    }

    .user-car__card span[b-z9oy24gfaf]{
        font-size: 2rem;
    }
}

@media(min-height: 800px) {

    .card__header span[b-z9oy24gfaf] {
        font-size: 3rem;
    }

    .car__metadata[b-z9oy24gfaf] {
        font-size: 2rem;
    }
}
/* /Driver_Features/_Home/FoldElement.razor.rz.scp.css */
.wrapper[b-e5yhu3ltxd]{
    border: 1px solid black;

    display: flex;

    flex-direction: column;
}

.top[b-e5yhu3ltxd]{
    width: 100%;

    display: flex;

    padding: 1rem;

    justify-content: space-between;

    cursor: pointer;
}

.folded[b-e5yhu3ltxd]{
    border-bottom: 1px solid black;
}
/* /Driver_Features/_Home/Home.razor.rz.scp.css */
.index__wrapper[b-he1rjz33ep] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    font-family: sans-serif;
}


.show-notification-activation__wrapper[b-he1rjz33ep]{
    height: 100%;
    width: fit-content;

    display: flex;

    justify-content: center;
    align-items: center;
}

.show-notification-activation[b-he1rjz33ep] {
    font-size: 1.4rem;

    display: flex;

    justify-content: center; 
    align-items: center;

    width: 3rem;
    height: 3rem;

    border-radius: 100px;

    transition: all 0.3s;

    cursor: pointer;
}

.show-notification-activation:hover[b-he1rjz33ep]{
    background-color: rgb(220, 220, 220);
    color: black;
}

.index__header[b-he1rjz33ep] {
    max-height: 15%;
    color: white;
    background-color: rgb(0, 159, 227);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.header-top__username[b-he1rjz33ep]{
    text-align: center;

    top: 1rem;
}

.index-header__left[b-he1rjz33ep],
.index-header__middle[b-he1rjz33ep],
.index-header__right[b-he1rjz33ep] {
    width: 100%;
}

.index-header__left[b-he1rjz33ep] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    flex: 1;

    padding: 1rem;
}

.index-header__middle[b-he1rjz33ep] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    padding: 1rem 0;
    font-size: 1.4rem;
    flex: 3;
}

.index-header__right[b-he1rjz33ep] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
}

[b-he1rjz33ep] .header-top__logout {
    border: 1px solid white;
    border-radius: 8px;
    padding: 1rem;
    transition: all 0.3s;
    color: white;

    cursor: pointer;
}

    [b-he1rjz33ep] .header-top__logout:hover {
        background-color: rgb(0, 139, 207);
    }

.dahmen__logo[b-he1rjz33ep] {
    max-height: 50%;
}

[b-he1rjz33ep] .header-top__profile-picture {
    height: 100%;

    width: 100px;

    display: flex;

    justify-content: center;
    align-items: center;
}

.index__body[b-he1rjz33ep] {
    width: 100%;

    padding: 2rem;

    height: 100%;

    overflow-x: auto;
}

.cars__wrapper[b-he1rjz33ep] {
    display: flex;

    height: 100%;
}

.cars__wrapper--single[b-he1rjz33ep]{
    width: 100%;

    justify-content: center;
}

.cars__wrapper--multiple[b-he1rjz33ep] {
    column-gap: 2rem;
    width: fit-content;
}



@media(min-width: 380px) {
    .index__body[b-he1rjz33ep] {
        display: flex;
    }
}

@media(min-height: 800px) {
    .index__header[b-he1rjz33ep] {
        font-size: 2rem;
    }

    .index-header__middle[b-he1rjz33ep] {
        font-size: 2rem;
    }

    .index-header__right i[b-he1rjz33ep] {
        padding: 2rem;
    }
}
/* /Driver_Features/_Home/Info.razor.rz.scp.css */


.value[b-0621h9czbs] {
    display: flex;
    padding: 1rem;
    justify-content: space-between;
}
/* /Shared/Components/AllgemeineBoolInformation.razor.rz.scp.css */
.wrapper[b-el7y89q60x]{
    padding: 1rem;

    display: flex;

    font-size: 1.4rem;

    justify-content: space-between;
    align-items: center;

    background-color: white;

    border-bottom: 1px solid rgb(220, 220, 220);
}

.value[b-el7y89q60x]{
    border: 1px solid black;

    display: flex;

    justify-content: center;
    align-items: center;

    height: 3rem;
    width: 3rem;
}

.pointer[b-el7y89q60x]{
    cursor: pointer;
}

.green[b-el7y89q60x]{
    color: green;
}

.red[b-el7y89q60x]{
    color: red;
}
/* /Shared/Components/AllgemeineInformation.razor.rz.scp.css */
.wrapper[b-ao6cda02tg]{
    display: flex;

    justify-content: space-between;

    padding: 1rem;

    font-size: 1.4rem;

    gap: 14rem;

    background-color: white;

    border-bottom: 1px solid rgb(220, 220, 220);
}

.value[b-ao6cda02tg] {
    text-align: justify;
}

@media(max-width: 550px){
    .wrapper[b-ao6cda02tg]{
        gap: 4rem;
    }
}
/* /Shared/Components/Button.razor.rz.scp.css */
.button[b-am8o7mh95w] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(0, 159, 227);
    background-color: var(--color-primary);
    color: white;
    text-decoration: none;
    border-radius: var(--border-radius-base);
    min-height: 5rem;
    cursor: pointer;
    transition: all 0.3s;
}

[b-am8o7mh95w] .button-spinner{
    width: fit-content;

    flex: 0;
}

.button:hover[b-am8o7mh95w]{
    background-color: rgb(0, 139, 207);
}

.button__text[b-am8o7mh95w]{
    margin-left: 0.8rem;

    font-size: 1.6rem;
}

.wrapper[b-am8o7mh95w]{
    display: flex;

    flex-direction: column;
}

.top[b-am8o7mh95w]{
    display: flex;

    justify-content: center;
    align-items: center;

    padding: 1rem;

    font-size: 1.4rem;
}

.bottom[b-am8o7mh95w]{
    display: flex;

    gap: 0.5rem;
}

.button-neutral[b-am8o7mh95w]{
    background-color: rgb(0, 159, 227) !important;
}

.button-critical[b-am8o7mh95w]{
    background-color: red !important;
}

@media(max-width: 380px){
    .button__text[b-am8o7mh95w]{
        font-size: 1.4rem;
    }
}
/* /Shared/Components/ButtonWrapper.razor.rz.scp.css */
.wrapper[b-ajl33s7y94]{
    display: flex;

    width: 100%;
    height: 100%;

    max-height: fit-content;

    padding: 2rem;

    row-gap: 2rem;
    column-gap: 2rem;
}

@media(max-width: 380px){
    .wrapper[b-ajl33s7y94]{
        row-gap: 0.5rem;
        column-gap: 0.5rem;

        padding: 0.5rem;
    }
}
/* /Shared/Components/ChooseLayout.razor.rz.scp.css */
.role-selector[b-o33977xidm] {
    padding: 2rem;
    background-color: var(--color-background);
    border-radius: var(--border-radius-base);
    box-shadow: var(--shadow-focus);
    max-width: 400px;
    margin: auto auto;
    text-align: center;
}

.role-selector__label[b-o33977xidm] {
    font-size: 1.6rem;
    font-weight: 600;
    border-bottom: var(--border-bottom);
    display: block;
    margin-bottom: 2rem;
    padding-bottom: 3px;
}

.role-selector__buttons[b-o33977xidm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* /Shared/Components/CurrencyInput.razor.rz.scp.css */
.number-input__left[b-hudvrik8ji],
.number-input__right[b-hudvrik8ji]{
    width: 100%;
    height: 100%;

    display: flex;

    justify-content: center;
    align-items: center;
}

[b-hudvrik8ji] input {
    width: 100%;
    height: 3rem;
    padding-left: 1rem;
    outline: none;
    border: none;
}

.currency-input__wrapper[b-hudvrik8ji] {
    flex: 1;
    width: 100%;
    display: flex;
    font-size: 1.4rem;
    color: black;
}

@media(max-width: 380px){
    .currency-input__wrapper[b-hudvrik8ji]{
        flex-direction: column;
    }

    .number-input__right[b-hudvrik8ji]  .datalist-input__wrapper {
        padding: 0 !important;
    }
}
/* /Shared/Components/DamageNavLink.razor.rz.scp.css */
.wrapper[b-we3wi2e7cx]{
    border: 1px solid black;

    display: flex;

    background-color: white;

    justify-content: space-between;

    cursor: pointer;
}

.text[b-we3wi2e7cx]{
    display: flex;

    flex-direction: column;

    padding: 1rem;

    gap: 0.5rem;

    font-size: 1.4rem;
}

.angle[b-we3wi2e7cx]{
    min-height: 100%;

    width: 10%;

    display: flex;

    justify-content: center;
    align-items: center;

    background-color: rgb(240, 240, 240);

    transition: all 0.2s;
}

[b-we3wi2e7cx].wrapper:hover .angle{
    background-color: rgb(220, 220, 220);
}
/* /Shared/Components/DamagePictures.razor.rz.scp.css */
.wrapper[b-ykouqfxvvc]{
    background-color: rgb(240, 240, 240);

    height: fit-content;
}

.top[b-ykouqfxvvc]{
    display: flex;

    padding: 1rem;

    justify-content: center;
    align-items: center;

    font-size: 1.4rem;
}

.bottom[b-ykouqfxvvc]{
    display: grid;

    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 200px;

    min-height: 200px;
}

.bottom[b-ykouqfxvvc]  .image__wrapper {
    display: flex;

    justify-content: center;
    align-items: center;

    overflow: hidden;
}

.bottom[b-ykouqfxvvc]  .image__wrapper img{

    max-width: 100%;

    object-fit: cover;

    height: 100%;
}

@media(max-width: 550px){
    .bottom[b-ykouqfxvvc]{
        grid-template-columns: 1fr;
    }
}
/* /Shared/Components/DamageView.razor.rz.scp.css */
.wrapper[b-og5awoai4i]{
    border: 1px solid black;
    margin: 1rem;
    
}

.top[b-og5awoai4i]{
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    padding: 1rem;

    background-color: white;

    font-size: 1.4rem;

    position: relative;

    cursor: pointer;

    transition: all 0.2s;
}

.damage__repaired[b-og5awoai4i]{
    position: absolute;

    height: 100%;

    display: flex;

    width: 25rem;

    right: 0;

    padding-right: 1rem;

    align-items: center;
    justify-content: space-between;
}

.red[b-og5awoai4i]{
    color: red;
}

.green[b-og5awoai4i]{
    color: green;
}

.damage-repaired__wrapper[b-og5awoai4i]{
    display: flex;

    gap: 1rem;

    width: 100%;

    align-items: center;

    justify-content: flex-end;

    margin-right: 1rem;
}

.damage-repaired__wrapper i[b-og5awoai4i]{
    border: 1px solid black;

    height: 4rem;
    width: 4rem;

    display: flex;

    justify-content: center;
    align-items: center;
}

.top:hover[b-og5awoai4i]{
    background-color: rgb(240, 240, 240);
}

.top__subheader[b-og5awoai4i]{
    display: flex;

    gap: 1rem;

    width: 100%;

    align-items: center;
    justify-content: center;
}

.bottom[b-og5awoai4i]{
    padding: 1rem;

    border-top: 1px solid black;
}

.bottom__general[b-og5awoai4i]{
    display: flex;
    
    flex-direction: column;
}

.bottom-general__header[b-og5awoai4i]{
    display: flex;

    background-color: white;

    justify-content: center;
    align-items: center;

    font-size: 1.4rem;

    border-bottom: 1px solid rgb(180, 180, 180);

    padding: 1rem;
}

.bottom-general__content[b-og5awoai4i]{
    display: flex;

    flex-direction: column;

    font-size: 1.2rem;
}

.action__wrapper[b-og5awoai4i]{
    display: flex;

    flex-direction: column;

    background-color: rgb(220, 220, 220);
    
    gap: 1rem;
    
    padding: 1rem;
}

.action__top[b-og5awoai4i]{
    display: flex;

    gap: 1rem;
}

.action__bottom[b-og5awoai4i]  .button{
    background-color: red;
}

@media(max-width: 850px){
    .top .top__subheader[b-og5awoai4i]{
        justify-content: flex-start;
    }
}

@media(max-width: 600px){
    .top[b-og5awoai4i]{
        flex-direction: column;

        gap: 1rem;
    }

    .top .top__subheader[b-og5awoai4i]{
        justify-content: center;
    }

    .damage__repaired[b-og5awoai4i]{
        position: initial;

        width: 100%;

        display: flex;

        justify-content: space-between;

        padding-right: 1rem;
    }
}

@media(max-width: 550px){
    .bottom[b-og5awoai4i]{
        padding: 0;
    }

    .top .top__subheader[b-og5awoai4i]{
        display: flex;

        flex-direction: column;

        gap: 0;
    }

    .top[b-og5awoai4i]{
        gap: 0.5rem;
    }
}
/* /Shared/Components/DataListInput.razor.rz.scp.css */
/* /Shared/Components/DecimalInput.razor.rz.scp.css */

.label-input__wrapper[b-zs4ckolxqs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 1.4rem;
    color: black;
    padding: 1rem;
}

    .label-input__wrapper input[b-zs4ckolxqs] {
        width: 100%;
        height: 3rem;
        padding-left: 1rem;
        border: none;
    }

    .label-input__wrapper span[b-zs4ckolxqs] {
        padding-left: 0.3rem;
        padding-bottom: 0.2rem;
    }
/* /Shared/Components/Document.razor.rz.scp.css */
.document__wrapper[b-nom55bh1d6]{
    min-height: 100px;

    flex: 1;

    padding: 1rem;

    display: flex;

    flex-direction: column;

    position: relative;
}

.header[b-nom55bh1d6]{
    display: flex;

    gap: 1rem;

    flex: 1;

    justify-content: center;
    align-items: center;
}

.header i[b-nom55bh1d6]{
    cursor: pointer;
}

.edit-file-name[b-nom55bh1d6]{
    display: flex;

    align-items: center;

    flex: 1;
}

[b-nom55bh1d6] .edit-form{
    flex: 1;

    display: flex;

    justify-content: center;
    align-items: center;

    gap: 1rem;

    background-color: rgb(200, 200, 200);

    padding: 0 25%;
}

.edit-form[b-nom55bh1d6]  .label-input__wrapper{
    max-width: 40%;
}

.edit-form i[b-nom55bh1d6]{
    cursor: pointer;
}

.document__header[b-nom55bh1d6]{
    max-height: 100%;

    min-height: fit-content;

    flex: 1;

    border: 1px solid black;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 1.6rem;

    padding: 1rem;

    text-align: center;

    background-color: white;

    word-break: break-all;

    font-weight: bold;
}

.document__body[b-nom55bh1d6]{
    display: flex;

    justify-content: center;
    align-items: center;

    flex: 1;
    
    border: 1px solid black;
    border-top: none;

    padding: 2rem;

    background-color: rgb(240, 240, 240);
}

.delete-document__button[b-nom55bh1d6]{
    position: absolute;

    top: 1.1rem;
    right: 1.1rem;

    height: 3.9rem;
    width: 3.9rem;

    background-color: rgba(200, 200, 200, 0.8);

    display: flex;

    justify-content: center;
    align-items: center;

    color: rgb(240, 50, 50);

    font-size: 2rem;

    cursor: pointer;

    transition: all 0.3s;
}

    .delete-document__button:hover[b-nom55bh1d6] {
        background-color: rgb(180, 180, 180);
    }
/* /Shared/Components/DocumentInput.razor.rz.scp.css */
.added-img[b-zb7ihwpbl6]{
    max-width: 100%;
    max-height: 100%;

    object-fit: contain;

    position: absolute;

    z-index: 1;
}

.top[b-zb7ihwpbl6]{
    padding-left: 0.5rem;
    padding-bottom: 0.2rem;

    font-size: 1.4rem;

    text-align: start;
}

.img-input[b-zb7ihwpbl6]{
    font-size: 2rem;

    min-height: 200px;

    max-height: 100%;
    width: 100%;

    flex: 1;

    display: flex;

    justify-content: center; 
    align-items: center;

    background-color: rgb(200, 200, 200);

    cursor: pointer;

    transition: all 0.3s;

    position: relative;
}

.img-input--full[b-zb7ihwpbl6]{
    cursor: initial;
}

    .img-input iframe *[b-zb7ihwpbl6] {
        cursor: pointer;
    }

.img-input .delete-img[b-zb7ihwpbl6]{
    position: absolute;

    top: 1rem;
    right: 1rem;

    background-color: rgba(255, 255, 255, 0.4);

    cursor: pointer;

    padding: 0.8rem;

    font-size: 1rem;

    z-index: 2;
}

.img-input:hover[b-zb7ihwpbl6]{
    background-color: rgb(230, 230, 230);
}

.img-input--full:hover[b-zb7ihwpbl6] {
    background-color: rgb(200, 200, 200);
}

.img-input__wrapper[b-zb7ihwpbl6]{
    display: flex;

    flex-direction: column;

    position: relative;

    z-index: 2;

    min-height: fit-content;
}

[b-zb7ihwpbl6] input[type=file]{
    display: none !important;
}
/* /Shared/Components/Empty.razor.rz.scp.css */
.wrapper[b-pln9i5pyr0]{
    border: 3px solid black;

    height: 100%;
    width: 100%;

    min-height: 100px;

    flex: 1;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 2rem;

    color: rgb(255, 216, 0);

    background-color: rgb(150, 150, 150);

    font-weight: bold;

    position: relative;

    border-radius: 8px;
}

@media(max-width: 715px){
    .wrapper[b-pln9i5pyr0]{
        font-size: 1.5rem;
    }
}
/* /Shared/Components/FileOutput.razor.rz.scp.css */
.image-wrapper[b-gzybt8slnb] {
    position: relative;
    display: inline-block; /* Damit die Größe sich am Inhalt orientiert */
    width: 100%;
    height: 100%;
    margin: 1rem;
    /* Optional: Rahmen oder Schatten, um Bilder hervorzuheben */
    border-radius: var(--border-radius-base);
    overflow: hidden;
    background-color: #f9f9f9;
    box-shadow: var(--shadow);
    height: calc(100% - 2rem);
    width: calc(100% - 2rem);
}


.image-wrapper__delete-img-button[b-gzybt8slnb] {
    font-size: 2rem;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: rgba(255,255,255,0.7);
    border: none;
    cursor: pointer;
}

    .image-wrapper__delete-img-button:hover[b-gzybt8slnb] {
        background-color: var(--color-danger-hover);
        border-radius: var(--border-radius-base);
        color: white;
    }

.image-wrapper__content[b-gzybt8slnb]{
    width:100%;
    height:100%;
}




.image-wrapper__content--image[b-gzybt8slnb] {
    object-fit: contain;
}

.image-wrapper__content--pdf[b-gzybt8slnb] {
    
}


.image-wrapper--empty[b-gzybt8slnb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    color: #999;
    font-size: 3rem;
    border: 2px dashed #ccc;
    border-radius: var(--border-radius-base);
    gap: 0.5rem;
}

    .image-wrapper--empty i[b-gzybt8slnb] {
        font-size: 4rem;
        opacity: 0.6;
    }

    .image-wrapper--empty span[b-gzybt8slnb] {
        font-size: 2rem;
        opacity: 0.8;
        color: #666;
        width: min-content;
    }

.image-wrapper--empty-content[b-gzybt8slnb] {
    display: flex;
    gap: 1rem;
}

.fullscreen-button[b-gzybt8slnb] {
    position: absolute;
    top: 6.5rem;
    left: 1.5rem;
    background-color: rgba(0, 0, 0, 0.4); /* halbtransparent schwarz */
    color: white;
    padding: 0.5rem 0.7rem;
    border-radius: var(--border-radius-base);
    text-decoration: none;
    z-index: 10;
    font-size: 1.5rem;
    transition: background-color 0.3s ease;
}

    .fullscreen-button:hover[b-gzybt8slnb] {
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
    }


/* Platzhalter im gleichen Stil wie <img> */
.image-wrapper__content.image-wrapper--empty[b-gzybt8slnb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9; /* gleiche Grundfarbe wie .image-wrapper */
    border-radius: var(--border-radius-base);
    color: #999;
    text-align: center;
    object-fit: contain; /* für Konsistenz */
    border: 2px dashed #ccc; /* leichter Rahmen für leere Felder */
    font-size: 1.2rem;
    gap: 0.5rem;
}

    /* Icon größer, leicht transparent */
    .image-wrapper__content.image-wrapper--empty i[b-gzybt8slnb] {
        font-size: 3rem;
        opacity: 0.6;
    }

    /* Text klar lesbar und mittig */
    .image-wrapper__content.image-wrapper--empty span[b-gzybt8slnb] {
        font-size: 1.4rem;
        color: #666;
        opacity: 0.8;
    }
/* /Shared/Components/FileUploadInput.razor.rz.scp.css */
.img-input__wrapper[b-umdowidqne] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    margin: 1.5rem auto;
    width: 100%; /* kannst du anpassen */
    height: 100%; /* kannst du anpassen */
    background-color: var(--color-background-primary);
    border-radius: var(--border-radius-base);
    box-shadow: var(--shadow);
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .img-input__wrapper:hover[b-umdowidqne] {
        box-shadow: var(--shadow-focus);
        transform: scale(1.01);
    }

    .img-input__wrapper:active[b-umdowidqne] {
        transform: scale(0.97)
    }

.img-input[b-umdowidqne] {
    font-size: 2rem;
    height: 100%;
    width: 100%;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
    border-radius: var(--border-radius-base);
}

    

[b-umdowidqne] input[type=file] {
    display: none !important;
}


.camera-logo[b-umdowidqne] {
    color: var(--color-primary);
}

.validation-message[b-umdowidqne] {
    color: var(--color-danger);
    font-weight: 600;
    margin-top: 0.5rem;
    font-size: var(--font-size-small);
    text-align: center;
}
/* /Shared/Components/Header.razor.rz.scp.css */
.header[b-z1lzn8ig1e]{
    display: flex;

    flex-direction: column;

    color: white;

    background-color: rgb(0, 159, 227);
}

.header__top[b-z1lzn8ig1e]{
    display: flex;

    justify-content: space-around;

    border-bottom: 2px solid rgb(20, 179, 247);
}

.header-top__left[b-z1lzn8ig1e]{
    display: flex;

    justify-content: center;
    align-items: center;

    gap: 2rem;

    padding: 1rem;
}

.header-top__left .dahmen-logo[b-z1lzn8ig1e]{
    height: 6rem;
}

.header-top__right[b-z1lzn8ig1e]{
    display: flex;
}

.user__wrapper[b-z1lzn8ig1e]{
    display: flex;

    justify-content: center;
    align-items: center;

    flex-direction: column;

    padding: 0 4rem;
}

.logout__wrapper[b-z1lzn8ig1e]{
    padding: 0 4rem;

    display: flex;

    justify-content: center;
    align-items: center;
}

[b-z1lzn8ig1e] .logged-in-user__profilepic{
    border: 1px solid white;

    border-radius: 100px;

    font-size: 1.4rem;

    max-height: 4rem;

    height: 4rem;
    width: 4rem;

    display: flex;

    justify-content: center;
    align-items: center;
}

.logged-in-user__name[b-z1lzn8ig1e]{
    height: 3rem;

    font-size: 1.6rem;
}

.logout-button[b-z1lzn8ig1e]{
    border: 1px solid white;

    padding: 1rem 2rem;

    border-radius: 4px;

    font-size: 1.4rem;

    background-color: rgb(0, 139, 207);

    cursor: pointer;

    transition: all 0.3s;
}

.logout-button:hover[b-z1lzn8ig1e]{
    background-color: rgb(20, 179, 247);

    transform: translateY(-3px);

    box-shadow: 0 1px 0.4rem 0.1rem white;
}

.header__bottom[b-z1lzn8ig1e]{
    display: flex;
}

[b-z1lzn8ig1e] .header__button{
    flex: 1;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 2rem;

    padding: 1rem 0;

    cursor: pointer;

    transition: all 0.3s;
}

[b-z1lzn8ig1e] .header__button:hover{
    background-color: rgb(40, 179, 267) !important;
}

.show-notification-activation__wrapper[b-z1lzn8ig1e]{
    height: 100%;
    width: fit-content;

    display: flex;

    justify-content: center;
    align-items: center;
}

.show-notification-activation[b-z1lzn8ig1e] {
    font-size: 1.4rem;

    display: flex;

    justify-content: center; 
    align-items: center;

    width: 3rem;
    height: 3rem;

    border-radius: 100px;

    transition: all 0.3s;

    cursor: pointer;
}

.show-notification-activation:hover[b-z1lzn8ig1e]{
    background-color: rgb(220, 220, 220);
    color: black;
}

@media(max-width: 715px) {
    .header__top[b-z1lzn8ig1e]{
        flex-direction: column;
    }

    .header-top__left .dahmen-logo[b-z1lzn8ig1e]{
        height: 4rem;
    }

    .logout-button[b-z1lzn8ig1e]{
        padding: 0.5rem 1rem;
    }

    .header-top__right[b-z1lzn8ig1e]{
        justify-content: space-between;
        
        padding-bottom: 0.5rem;
    }

    .user__wrapper[b-z1lzn8ig1e]{
        flex-direction: row;

        justify-content: space-around;
        align-items: center;
        
        width: 100%;
    }

    .user__wrapper span[b-z1lzn8ig1e]{
        display: flex;

        justify-content: center;
        align-items: center;
    }
}
/* /Shared/Components/HeaderButton.razor.rz.scp.css */
@media(max-width: 480px){
    div[b-oivkvnonvt]{
        height: 3rem !important;
    }
}
/* /Shared/Components/Image.razor.rz.scp.css */
.image__wrapper[b-eoz2h0yz36]{
    position: relative;

    flex: 1;

    height: 100%;
    width: 100%;

    display: flex;

    justify-content: center;
    align-items: center;
}

.delete-img__button[b-eoz2h0yz36]{
    position: absolute;

    height: 4rem;
    width: 4rem;

    background-color: rgba(200, 200, 200, 0.8);

    color: rgb(240, 50, 50);

    display: flex;

    justify-content: center;
    align-items: center;

    top: 0;
    right: 0;

    font-size: 2rem;

    transition: all 0.3s;
}

.delete-img__button:hover[b-eoz2h0yz36]{
    background-color: rgb(180, 180, 180);
}

.image[b-eoz2h0yz36] {
    max-width: 400px;
    max-height: 300px;
    min-height: 80px;
    min-width: 80px;
    object-fit: cover;
    object-position: center;
}
/* /Shared/Components/InvolvierteParteien.razor.rz.scp.css */
.wrapper[b-ps7mfw9a5c]{
    display: flex;

    flex-direction: column;
}

.bottom[b-ps7mfw9a5c]  .wrapper:nth-child(2){
    padding-top: 0;
}

.top[b-ps7mfw9a5c]{
    position: relative;

    font-size: 1.4rem;

    display: flex;

    justify-content: center;
    align-items: center;

    cursor: pointer;

    background-color: white;

    transition: all 0.2s;

    padding: 1rem;
}

.top:hover[b-ps7mfw9a5c]{
    background-color: rgb(240, 240, 240);
}

.top i[b-ps7mfw9a5c]{
    position: absolute;

    right: 1rem;
}

.bottom[b-ps7mfw9a5c]{
    background-color: white;
}
/* /Shared/Components/Kennzeichen.razor.rz.scp.css */
.container[b-9fv2q8zbu9] {
    position: relative;
    display: inline-flex;
    align-items: center;
    background-color: white;
    border: 3px solid black;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
    height: 5rem;
}

.blue[b-9fv2q8zbu9] {
    height: 100%;
}

.container[b-9fv2q8zbu9] {
    display: inline-flex; /* Ausrichtung nebeneinander */
    align-items: center; /* Vertikale Zentrierung */
}

.blue[b-9fv2q8zbu9] {
    width: auto;
    height: auto;
    max-height: 100%; /* Maximalhöhe des Containers, durch die Nummernplatte definiert */
    max-width: 50px; /* Eine Breite festlegen, damit es nie breiter als die Nummernplatte ist */
}

.numberplate[b-9fv2q8zbu9] {
    font-family: 'FE-Font', sans-serif;
    appearance: none;
    border: none;
    background: transparent;
    padding: 0.5rem;
    font-size: 2.5rem;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    color: black;
    outline: none;
}

.kennzeichen__wrapper[b-9fv2q8zbu9]{
    width: 100%;

    display: flex;

    justify-content: center;
    align-items: center;
}
/* /Shared/Components/KennzeichenInput.razor.rz.scp.css */
.container[b-rf8p1mq3ym] {
    position: relative;
    display: inline-block;
    background-color: white;
    
    width: 100%;

    border: 3px solid black;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}

    .container:focus-within[b-rf8p1mq3ym] {
        outline: 1px solid white;
        outline-offset: -2px;
    }

    .container[b-rf8p1mq3ym] {
        position: relative;
        display: inline-flex;
        align-items: center;
        background-color: white;
        border: 3px solid black;
        border-radius: 5px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
        height: 5rem;
    }

.blue[b-rf8p1mq3ym] {
    height: 100%;
}

.container[b-rf8p1mq3ym] {
    display: inline-flex; /* Ausrichtung nebeneinander */
    align-items: center; /* Vertikale Zentrierung */
}

.blue[b-rf8p1mq3ym] {
    width: auto;
    height: auto;
    max-height: 100%; /* Maximalhöhe des Containers, durch die Nummernplatte definiert */
    max-width: 50px; /* Eine Breite festlegen, damit es nie breiter als die Nummernplatte ist */
}
 
[b-rf8p1mq3ym] .numberplate {
    font-family: 'FE-Font', sans-serif;
    appearance: none;
    border: none;
    background: transparent;
    padding: 0.5rem;
    font-size: 2.5rem;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    color: black;
    outline: none;
    width: 100%;
}

.kennzeichen-input__wrapper[b-rf8p1mq3ym]{
    padding: 0 1rem;

    width: 100%;

    display: flex;

    flex-direction: column;
}

.kennzeichen-input__wrapper span[b-rf8p1mq3ym]{
    font-size: 1.4rem;

    margin-left: 1rem;
}
/* /Shared/Components/NullableBoolFurtherExplanationInput.razor.rz.scp.css */
.wrapper[b-3vmk54ybqc] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.top[b-3vmk54ybqc] {
    display: flex;
    background-color: rgb(240, 240, 240);
}

.left[b-3vmk54ybqc], .right[b-3vmk54ybqc] {
    height: 4rem;
}

.left[b-3vmk54ybqc] {
    flex: 3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.4rem;
    padding-left: 1rem;
}

.right[b-3vmk54ybqc] {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.switch[b-3vmk54ybqc] {
    border: 1px solid black;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.switch__left[b-3vmk54ybqc], .switch__right[b-3vmk54ybqc] {
    width: 7rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: white;
    cursor: pointer;
    transition: all 0.2s;
}

    .switch__left:hover[b-3vmk54ybqc],
    .switch__right:hover[b-3vmk54ybqc] {
        background-color: rgb(240, 240, 240);
    }

.switch__right.red-clicked[b-3vmk54ybqc] {
    background-color: red;
}

.switch__left.green-clicked[b-3vmk54ybqc] {
    background-color: green;
}

@media(max-width: 840px) {
    .top[b-3vmk54ybqc] {
        flex-direction: column;
    }

    .left[b-3vmk54ybqc] {
        padding: 1rem;
    }

    .right[b-3vmk54ybqc] {
        justify-content: stretch;
    }

    .switch[b-3vmk54ybqc],
    .switch__left[b-3vmk54ybqc],
    .switch__right[b-3vmk54ybqc] {
        width: 100%;
    }

    .switch__left[b-3vmk54ybqc],
    .switch__right[b-3vmk54ybqc] {
        padding: 1rem 0;
    }
}
/* /Shared/Components/NullableBoolInput.razor.rz.scp.css */
.wrapper[b-405e4m66k2] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.top[b-405e4m66k2] {
    display: flex;
    background-color: rgb(240, 240, 240);
}

.left[b-405e4m66k2], .right[b-405e4m66k2] {
    height: 4rem;
}

.left[b-405e4m66k2] {
    flex: 3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.4rem;
    padding-left: 1rem;
}

.right[b-405e4m66k2] {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.switch[b-405e4m66k2] {
    border: 1px solid black;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.switch__left[b-405e4m66k2], .switch__right[b-405e4m66k2] {
    width: 7rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: white;
    cursor: pointer;
    transition: all 0.2s;
}

    .switch__left:hover[b-405e4m66k2],
    .switch__right:hover[b-405e4m66k2] {
        background-color: rgb(240, 240, 240);
    }


    .switch__right.red-clicked[b-405e4m66k2] {
        background-color: var(--color-danger);
    }

    .switch__left.green-clicked[b-405e4m66k2] {
        background-color: var(--color-success);
    }



@media(max-width: 840px) {
    .top[b-405e4m66k2] {
        flex-direction: column;
    }

    .left[b-405e4m66k2] {
        padding: 1rem;
    }

    .right[b-405e4m66k2] {
        justify-content: stretch;
    }

    .switch[b-405e4m66k2],
    .switch__left[b-405e4m66k2],
    .switch__right[b-405e4m66k2] {
        width: 100%;
    }

    .switch__left[b-405e4m66k2],
    .switch__right[b-405e4m66k2] {
        padding: 1rem 0;
    }
}
/* /Shared/Components/NullableBoolWithIntegerResolveInput.razor.rz.scp.css */
.wrapper[b-uxgieqxhuj] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.top[b-uxgieqxhuj] {
    display: flex;
    background-color: rgb(240, 240, 240);
}

.left[b-uxgieqxhuj], .right[b-uxgieqxhuj] {
    height: 4rem;
}

.left[b-uxgieqxhuj] {
    flex: 3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.4rem;
    padding-left: 1rem;
}

.right[b-uxgieqxhuj] {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.switch[b-uxgieqxhuj] {
    border: 1px solid black;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.switch__left[b-uxgieqxhuj], .switch__right[b-uxgieqxhuj] {
    width: 7rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: white;
    cursor: pointer;
    transition: all 0.2s;
}

    .switch__left:hover[b-uxgieqxhuj],
    .switch__right:hover[b-uxgieqxhuj] {
        background-color: rgb(240, 240, 240);
    }

    .switch__right.red-clicked[b-uxgieqxhuj] {
        background-color: red;
    }

    .switch__left.green-clicked[b-uxgieqxhuj] {
        background-color: green;
    }

@media(max-width: 840px) {
    .top[b-uxgieqxhuj] {
        flex-direction: column;
    }

    .left[b-uxgieqxhuj] {
        padding: 1rem;
    }

    .right[b-uxgieqxhuj] {
        justify-content: stretch;
    }

    .switch[b-uxgieqxhuj],
    .switch__left[b-uxgieqxhuj],
    .switch__right[b-uxgieqxhuj] {
        width: 100%;
    }

    .switch__left[b-uxgieqxhuj],
    .switch__right[b-uxgieqxhuj] {
        padding: 1rem 0;
    }
}
/* /Shared/Components/NullableBoolWithResolveInput.razor.rz.scp.css */
.wrapper[b-csgg2izevw] {
    padding: 1rem;

    display: flex;

    flex-direction: column;

    width: 100%;
}

.top[b-csgg2izevw]{
    display: flex;

    background-color: rgb(240, 240, 240);
}

.left[b-csgg2izevw], .right[b-csgg2izevw]{
    height: 4rem;
}

.left[b-csgg2izevw]{
    flex: 3;

    display: flex;

    justify-content: flex-start;
    align-items: center;

    font-size: 1.4rem;

    padding-left: 1rem;
}

.right[b-csgg2izevw]{
    flex: 1;

    display: flex;

    justify-content: flex-end;
}

.switch[b-csgg2izevw]{
    border: 1px solid black;

    display: flex;

    justify-content: space-around;
    align-items: center;
}

.switch__left[b-csgg2izevw], .switch__right[b-csgg2izevw]{
    width: 7rem;

    font-size: 1.4rem;

    display: flex;

    justify-content: center;
    align-items: center;

    height: 100%;

    background-color: white;

    cursor: pointer;

    transition: all 0.2s;
}

.switch__left:hover[b-csgg2izevw],
.switch__right:hover[b-csgg2izevw]{
    background-color: rgb(240, 240, 240);
}

.switch__right.red-clicked[b-csgg2izevw]{
    background-color: red;
}

.switch__left.green-clicked[b-csgg2izevw]{
    background-color: green;
}

@media(max-width: 840px){
    .top[b-csgg2izevw]{
        flex-direction: column;
    }

    .left[b-csgg2izevw] {
        padding: 1rem;
    }

    .right[b-csgg2izevw]{
        justify-content: stretch;
    }

    .switch[b-csgg2izevw],
    .switch__left[b-csgg2izevw],
    .switch__right[b-csgg2izevw]{
        width: 100%;
    }

    .switch__left[b-csgg2izevw],
    .switch__right[b-csgg2izevw]{
        padding: 1rem 0;
    }
}
/* /Shared/Components/NullableDecimalInput.razor.rz.scp.css */

.label-input__wrapper[b-ah85x64ncb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 1.4rem;
    color: black;
    padding: 1rem;
}

    .label-input__wrapper input[b-ah85x64ncb] {
        width: 100%;
        height: 3rem;
        padding-left: 1rem;
        border: none;
    }

    .label-input__wrapper span[b-ah85x64ncb] {
        padding-left: 0.3rem;
        padding-bottom: 0.2rem;
    }
/* /Shared/Components/Overlay.razor.rz.scp.css */
.overlay-main[b-shdxyyhv7w]{
    position: fixed;

    top: 0;
    right: 0;
    left: 0;
    bottom: 0;

    background-color: rgba(0, 0, 0, 0.5);

    z-index: 300000;

    display: flex;

    justify-content: center;
    align-items: center;
}

.overlay-child-content[b-shdxyyhv7w]{
    display: flex;

    flex-direction: column;
    padding: 2rem;
}

.overlay__content[b-shdxyyhv7w] {
    height: fit-content;
    min-width: 40%;

    background-color: white;

    display: flex;

    flex-direction: column;
}

.overlay-content__top[b-shdxyyhv7w]{
    display: flex; 

    align-items: center;
    justify-content: center;

    background-color: rgb(200, 200, 200);
}

.overlay-content__bottom[b-shdxyyhv7w]{
    height: 100%;

    padding: 2rem;

    display: flex;

    justify-content: space-around;
    align-items: center;
}

.overlay-content-bottom__button[b-shdxyyhv7w]{
    height: 3rem;
    width: 40%;

    display: flex;

    justify-content: center;
    align-items: center;

    background-color: rgb(0, 159, 227);

    color: white;

    font-size: 1.6rem;

    cursor: pointer;

    transition: all 0.3s;

    border-radius: 4px;
}

.overlay-content-bottom__button:hover[b-shdxyyhv7w]{
    transform: translateY(-3px);

    box-shadow: 0 0 0.7rem 0.2rem rgb(0, 159, 227);

    border: 1px solid white;
}

@media(max-width: 380px){
    .overlay__content[b-shdxyyhv7w]{
        margin: 0 1rem;
    }

    .overlay-content__top[b-shdxyyhv7w]{
        font-size: 0.8rem;

        text-align: center;
    }


    .overlay-content-bottom__button[b-shdxyyhv7w] {
        height: unset;
        width: unset;

        padding: 0.5rem 1rem;
    }
}
/* /Shared/Components/PastDamages.razor.rz.scp.css */
.damages[b-dut4oicxg2] {
    min-height: fit-content;
    width: 100%;
    padding: 1rem;
}

.damages__header[b-dut4oicxg2] {
    min-height: 5rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.damages__content[b-dut4oicxg2] {
    border: 3px solid white;
    border-top: none;
    height: fit-content;
    padding: 2rem;

    display: flex;

    flex-direction: column;

    gap: 2rem;
}

@media(max-width: 550px){
    .damages__content[b-dut4oicxg2]{
        padding: 0;
    }
}
/* /Shared/Components/PictureAndDocumentInput.razor.rz.scp.css */
.added-img[b-w7xaksz92d] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    position: absolute;
    z-index: 1;
}

.img-input[b-w7xaksz92d] {
    font-size: 2rem;
    height: 100%;
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(200, 200, 200);
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

    .img-input .delete-img[b-w7xaksz92d] {
        position: absolute;
        top: 1rem;
        right: 1rem;
        background-color: rgba(255, 255, 255, 0.4);
        cursor: pointer;
        padding: 0.8rem;
        font-size: 1rem;
        z-index: 2;
    }

    .img-input:hover[b-w7xaksz92d] {
        background-color: rgb(230, 230, 230);
    }

.img-input__wrapper[b-w7xaksz92d] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    padding: 2rem;
}

[b-w7xaksz92d] input[type=file] {
    display: none !important;
}
/* /Shared/Components/PictureInput.razor.rz.scp.css */
.added-img[b-zz03jmirfk]{
    max-width: 100%;
    max-height: 100%;

    object-fit: contain;

    position: absolute;

    z-index: 1;
}

.img-input[b-zz03jmirfk]{
    font-size: 2rem;

    height: 100%;
    width: 100%;

    flex: 1;

    display: flex;

    justify-content: center; 
    align-items: center;

    background-color: rgb(200, 200, 200);

    cursor: pointer;

    transition: all 0.3s;

    position: relative;
}

.img-input .delete-img[b-zz03jmirfk]{
    position: absolute;

    top: 1rem;
    right: 1rem;

    background-color: rgba(255, 255, 255, 0.4);

    cursor: pointer;

    padding: 0.8rem;

    font-size: 1rem;

    z-index: 2;
}

.img-input:hover[b-zz03jmirfk]{
    background-color: rgb(230, 230, 230);
}

.img-input__wrapper[b-zz03jmirfk]{
    display: flex;

    flex-direction: column;

    justify-content: center;
    align-items: center;

    position: relative;

    z-index: 2;

    padding: 2rem;
}

[b-zz03jmirfk] input[type=file]{
    display: none !important;
}
/* /Shared/Components/ProgressElement.razor.rz.scp.css */
.wrapper[b-vfmrf7ybc2]{
    width: 100%;
    height: 100%;

    border: 1px solid black;
}

.reached[b-vfmrf7ybc2]{
    background-color: rgb(76, 255, 0);
}

.passed[b-vfmrf7ybc2]{
    background-color: rgb(200, 200, 200)
}
/* /Shared/Components/RequestNotificationPermissionConfirmation.razor.rz.scp.css */


.notification-wrapper[b-dkhyx1mdqu]{
    width: 100%;
    min-height: fit-content;
    height: 4rem;

    background-color: rgba(255, 106, 0);

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 3px;

    padding: 1rem;

    position: relative;
}

.activate[b-dkhyx1mdqu]{
    display: inline-block;

    text-decoration: underline;

    color: blue;

    cursor: pointer;

    transition: all 0.3s;
}

.activate:hover[b-dkhyx1mdqu]{
    color: purple;
}

.custom-permission__wrapper[b-dkhyx1mdqu]{
    min-height: fit-content;

    display: flex;

    flex-direction: column;
    
    padding: 1rem;
    padding-bottom: 0;

    width: 100%;
}

.activate-notifications__header[b-dkhyx1mdqu] {
    font-size: 1.4rem;
    font-weight: bold;

    text-align: center;
}

.activate-notifications__body[b-dkhyx1mdqu]{
    padding-top: 1rem;

    display: flex;

    min-height: fit-content;

    gap: 1rem;
}

.close-notification-permission[b-dkhyx1mdqu]{
    position: absolute;

    right: 1rem;

    font-size: 1rem;

    border: 1px solid rgb(200, 200, 200);
    background-color: rgb(240, 240, 240);

    height: 2rem;
    width: 2rem;

    display: flex;

    justify-content: center;
    align-items: center;

    border-radius: 100px;

    cursor: pointer;

    transition: all 0.3s;
}

.close-notification-permission:hover[b-dkhyx1mdqu]{
    background-color: rgb(200, 200, 200);
}
/* /Shared/Components/Spinner.razor.rz.scp.css */
div[b-s3240cp2s6]{
    height: 100%;
    width: 100%;

    display: flex;

    justify-content: center;
    align-items: center;

    flex: 1;
}

i[b-s3240cp2s6]{
    font-size: 2rem;
}
/* /Shared/Components/UnfallMelderView.razor.rz.scp.css */
.wrapper[b-3av4nwgcjc]{
    display: flex;

    flex-direction: column;

    padding: 1rem;
}

.top[b-3av4nwgcjc] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background-color: rgb(240, 240, 240);
    position: relative;
    cursor: pointer;
    padding: 1rem 0px;
    transition: 0.2s;
}

.top i[b-3av4nwgcjc] {
    position: absolute;
    right: 1rem;
}

.bottom[b-3av4nwgcjc]{
    display: flex;

    flex-direction: column;

    justify-content: center;
    
    gap: 0.5rem;

    align-items: center;

    font-size: 1.4rem;
}
/* /Shared/Components/UnfallVerursacherView.razor.rz.scp.css */
.wrapper[b-qw3zaml72a] {
    display: flex;

    flex-direction: column;

    padding: 1rem;
}

.top[b-qw3zaml72a] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background-color: rgb(240, 240, 240);
    position: relative;
    cursor: pointer;
    padding: 1rem 0px;
    transition: 0.2s;
}

.top:hover[b-qw3zaml72a]{
    background-color: rgb(220, 220, 220);
}

.top i[b-qw3zaml72a]{
    position: absolute;

    right: 1rem;
}

.bottom[b-qw3zaml72a] {
    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 0.5rem;

    align-items: center;

    font-size: 1.4rem;
}
/* /Shared/Features/_CreateEditUser/ChangePassword.razor.rz.scp.css */


.change-password__header[b-c81602ul8i]{
    padding: 1rem;
    
    font-size: 2.5rem;

    display: flex;

    justify-content: center;
    align-items: center;
}

.change-password-action__wrapper[b-c81602ul8i]{
    height: 7rem;

    padding: 1rem;

    display: flex;

    column-gap: 2rem;
}

.change-password__action[b-c81602ul8i]{
    width: 100%;
    height: 100%;

    border-radius: 8px;

    background-color: rgb(0, 159, 227);
    color: white;

    cursor: pointer;

    transition: all 0.3s;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 2rem;
}

.change-password__action i[b-c81602ul8i]{
    margin-right: 1rem;
}

.change-password__action:hover[b-c81602ul8i]{
    background-color: rgb(0, 139, 207);
}

.change-password__action--cancel[b-c81602ul8i]{
    background-color: rgb(200, 200, 200);
    color: black;

    transition: all 0.3s;
}

.change-password__action--cancel:hover[b-c81602ul8i]{
    background-color: rgb(180, 180, 180);
}
/* /Shared/Features/_CreateEditUser/CreateOrEditUser.razor.rz.scp.css */

[b-5xk43s0012] .user-picture__input{
    height: 100%;
}

.input-form__create-user[b-5xk43s0012] {
    height: fit-content;
    min-height: 100%;
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
    background-color: rgb(220, 220, 220);
}

.make-sure-email-correct[b-5xk43s0012]{
    font-size: 1.4rem;

    word-break: break-word;
}

.change-password-button__wrapper[b-5xk43s0012]{
    width: 100%;
    height: 7rem;

    padding: 1rem;

    display: flex;

    justify-content: center;
    align-items: center;
}

.change-password-button[b-5xk43s0012] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 8px;
    background-color: rgb(0, 159, 227);
    color: white;
    font-size: 1.4rem;
    transition: all 0.3s;
}

    .change-password-button:hover[b-5xk43s0012]{
        background-color: rgb(0, 139, 207);
    }

.create-user__drivers-license-wrapper[b-5xk43s0012] {
    display: flex;
    align-items: center;
    width: 100%;
}

.create-user__drivers-license-pictures-wrapper[b-5xk43s0012]{
    min-height: 220px;

    height: fit-content;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    column-gap: 2rem;
    row-gap: 2rem;
}

    .create-user__drivers-license-pictures-wrapper[b-5xk43s0012] .img-input__wrapper {
        min-height: 100px;
    }

.create-user__line-one[b-5xk43s0012],
.create-user__line-two[b-5xk43s0012],
.create-user__line-three[b-5xk43s0012] {
    flex: 1;
    display: flex;
}

.create-user__line-one[b-5xk43s0012]{
    max-height: fit-content;
}

.line-one__left[b-5xk43s0012] {
    flex: 1;
    padding: 1rem;
    padding-top: 0;
    padding-bottom: 2rem;
}

.line-one__right[b-5xk43s0012] {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around;
}

.line-one-right__top[b-5xk43s0012] {
    display: flex;
    flex-direction: column;
    flex: 2;
}

.line-one-right__bottom[b-5xk43s0012] {
    flex: 1;
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    align-items: center;
    padding-right: 1rem;
}

.line-one-right-bottom__left[b-5xk43s0012] {
    flex: 2;
}

.line-one-right-bottom__right[b-5xk43s0012] {
    display: flex;
    justify-content: center;

    padding-top: 2rem;

    align-items: center;
    margin-left: 1rem;
}

.new-role__button[b-5xk43s0012] {
    background-color: white;
    padding: 1rem;

    transition: all 0.3s;
    cursor: pointer;
}

    .new-role__button i:not(:first-child)[b-5xk43s0012] {
        margin-right: 1rem;
    }

    .new-role__button span[b-5xk43s0012] {
        font-size: 1.2rem;
    }

    .new-role__button:hover[b-5xk43s0012] {
        background-color: rgb(220, 220, 220);
    }

.create-user__line-two[b-5xk43s0012] {
    flex-direction: column;
}

.create-user__buttons[b-5xk43s0012] {
    height: 10%;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-around;

    column-gap: 2rem;

    padding: 1rem;

    padding-top: 3rem;
}

.create-user__button[b-5xk43s0012] {
    font-size: 1.3rem;
    padding: 0 1rem;
    box-sizing: border-box;
    height: 5rem;
    width: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    border-radius: 8px;
}

    .create-user__button i[b-5xk43s0012] {
        margin-right: 1rem;
    }

    .create-user__button:first-child[b-5xk43s0012] {
        background-color: rgb(240, 240, 240);
        transition: all 0.3s;
    }

        .create-user__button:first-child:hover[b-5xk43s0012] {
            background-color: rgb(200, 200, 200);
        }

    .create-user__button:last-child[b-5xk43s0012] {
        background-color: rgb(0, 159, 227);
        color: white;
        transition: all 0.3s;
    }

        .create-user__button:last-child:hover[b-5xk43s0012] {
            background-color: rgb(0, 139, 207);
        }

.create-user__drivers-license-pictures-wrapper[b-5xk43s0012]{
    padding: 1rem;
}

.create-user__drivers-license-pictures-wrapper[b-5xk43s0012]  .img-input__wrapper {
    margin: 0 !important;
}


@media(max-width: 715px){
    .create-user__drivers-license-pictures-wrapper[b-5xk43s0012] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 480px){
    .create-user__line-one[b-5xk43s0012]{
        display: grid;

        grid-template-columns: 1fr;
    }

    .create-user__line-one .line-one__left[b-5xk43s0012] {
        padding: 0 1rem;
        padding-bottom: 1rem;
        height: 200px;
    }

    .create-user__drivers-license-wrapper[b-5xk43s0012]{
        flex-direction: column;

        padding: 0 1rem;
    }

        .create-user__drivers-license-wrapper[b-5xk43s0012]  .checkbox-input {
            width: 100%;
            justify-content: space-between;
        }

    .create-user__drivers-license-pictures-wrapper[b-5xk43s0012]{
        grid-template-columns: 1fr;

        padding: 0 1rem;
        padding-bottom: 1rem;
    }


    .line-one-right__bottom[b-5xk43s0012] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Shared/Features/_CreateEditUser/NewCreateOrEditUser.razor.rz.scp.css */
/* ------------------------- Input Slider ---------------------------------- */
.damage-search[b-mqwvigvcfa] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.damage-search__toggle input[type="checkbox"][b-mqwvigvcfa] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.damage-search__toggle[b-mqwvigvcfa] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--font-size-base);
    color: #333;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    position: relative;
    margin-top: 1.5rem;
}

    .damage-search__toggle .slider[b-mqwvigvcfa] {
        position: relative;
        width: 40px;
        height: 20px;
        background-color: #ccc;
        border-radius: 34px;
        transition: background-color 0.3s;
    }

        .damage-search__toggle .slider[b-mqwvigvcfa]::before {
            content: "";
            position: absolute;
            height: 16px;
            width: 16px;
            left: 2px;
            top: 2px;
            background-color: white;
            border-radius: 50%;
            transition: transform 0.3s;
        }

    .damage-search__toggle input:checked + .slider[b-mqwvigvcfa] {
        background-color: #4caf50;
    }

        .damage-search__toggle input:checked + .slider[b-mqwvigvcfa]::before {
            transform: translateX(20px);
        }

/* ----------------------------------------------------------- */

/* === Layout Grundstruktur === */

.headline[b-mqwvigvcfa] {
    display: flex;
    justify-content: center;
    margin: 2rem auto;
    border-bottom: 2px solid #007bff;
    padding-bottom: 0.5rem;
    max-width: 500px;
}

.user-form[b-mqwvigvcfa] {
    border: var(--border);
    border-radius: var(--border-radius-base);
    padding: 3rem;
    max-width: 1200px;
    margin: auto auto;
    box-shadow: var(--shadow);
}

@media (max-width: 600px) {
    .user-form[b-mqwvigvcfa] {
        padding: 0;
    }
}


.user-form__grid[b-mqwvigvcfa] {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 2rem;
    align-items: start;
}

/* Responsive: 1 Spalte */
@media (max-width: 980px) {
    .user-form__grid[b-mqwvigvcfa] {
        grid-template-columns: 1fr;
    }
}

/* Linke Spalte stapelt Profilbild + Rollen */
.user-form__left[b-mqwvigvcfa] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

/* Rechte Spalte: vertikale Abstände zwischen Inputs */
.user-form__right[b-mqwvigvcfa] {
    display: grid;
    row-gap: 1rem;
    padding: 1rem;
    margin: 1rem;
    border: var(--border);
    border-radius: var(--border-radius-base);
}

[b-mqwvigvcfa] .user-form__right .input-text,
[b-mqwvigvcfa] .user-form__right .input-date,
[b-mqwvigvcfa] .user-form__right .bool-input {
    max-width: 100% !important;
}

.user-form__password[b-mqwvigvcfa] {
    margin-top: 1rem;
    padding: 1rem;
    border: var(--border);
    border-radius: var(--border-radius-base);
}

/* Profilbild-Box dezent */
.create-user__profile-picture[b-mqwvigvcfa] {
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
    width: 100%;
    height: 300px;
}

[b-mqwvigvcfa] .create-user__profile-picture .image-wrapper {
    width: 100%;
    height: 100%
}

@media (max-width: 600px) {
    .create-user__profile-picture[b-mqwvigvcfa] {
        padding: 1rem;
    }
}

/* Rollen-Block */
.user-form__roles[b-mqwvigvcfa] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: 1rem;
    border: var(--border);
    border-radius: var(--border-radius-base);
}

.user-form__roles-item[b-mqwvigvcfa] {
    display: block;
}

.user-form__roles-actions[b-mqwvigvcfa] {
    margin-top: .4rem;
}

.user-form__change-password[b-mqwvigvcfa] {
    /* begrenzen + mittig */
    max-width: 520px;
    margin: 0 auto;
    /* zentrierte Ausrichtung für Inline/Text */
    text-align: center;
    /* optionale vertikale Struktur */
    display: grid;
    row-gap: 1rem;
    justify-items: center; /* zentriert auch Blockkinder wie deine Komponenten */
}

    .user-form__change-password .headline[b-mqwvigvcfa] {
        width: 80%;
    }

    .user-form__change-password .user-form__change-password-actions[b-mqwvigvcfa] {
        display: flex;
        gap: .8rem;
        width: 80%;
    }

[b-mqwvigvcfa] .user-form__change-password-actions button {
    display: block;
    width: 100%;
}

/* Führerschein-Wrapper rechts: kleine Box-Auflockerung */
.user-form__drivers-license-wrapper[b-mqwvigvcfa] {
    display: grid;
    grid-auto-flow: row;
    row-gap: .6rem;
}

/* Actions am Ende rechts etwas Luft */
.create-user__actions[b-mqwvigvcfa] {
    display: flex;
    gap: .8rem;
    width: 100%;
    /*    padding: 2rem 1rem;*/
}

[b-mqwvigvcfa] .create-user__actions button {
    display: block;
    width: 100%;
}

.create-user__drivers-license-picture-output[b-mqwvigvcfa] {
    margin: 1.5rem auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8rem;
    justify-items: center;
}

.email-info__text[b-mqwvigvcfa] {
    font-size: var(--font-size-headline);
}


.create-user__drivers-license-pictures-input[b-mqwvigvcfa] {
    margin: 1.5rem auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

/* Kleiner Fokus-Effekt für interaktive Felder (falls Komponente durchlässt) */
.user-form :is(input, select, textarea, button):focus[b-mqwvigvcfa] {
    outline: none;
    box-shadow: var(--shadow-focus);
}

/* Typo-Feinschliff */
.user-form h1[b-mqwvigvcfa],
.user-form h2[b-mqwvigvcfa] {
    font-size: var(--font-size-headline-h1);
    font-weight: var(--font-weight-headline);
    margin: 0 0 .6rem 0;
}
/* /Shared/Features/_Login/Login.razor.rz.scp.css */
.login-main[b-girkrrdtxg] {
    height: 100%;
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
}

.password-forgotten-login__wrapper[b-girkrrdtxg]{

}

.login__header[b-girkrrdtxg] {
    height: 10%;

    display: flex;

    justify-content: space-between;
    align-items: center;

    padding: 0 3rem;

    font-size: 1.6rem;

    color: white;

    border-bottom: 1px solid white;
    background-color: rgb(0, 159, 227);
}

    .login__header img[b-girkrrdtxg] {
        height: 50%;
    }

    .login__header span[b-girkrrdtxg]{
        font-size: 3rem;
    }

.login__content[b-girkrrdtxg] {
    height: 100%;
    width: 100%;

    display: flex;

    justify-content: center;
    align-items: center;
}

.content__wrapper[b-girkrrdtxg] {
    height: fit-content;
    width: 80%;
    max-width: 450px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--color-background);
    border-radius: var(--border-radius-base);
    box-shadow: var(--shadow-focus);
    border: var(--border);
}

.login-input__wrapper[b-girkrrdtxg] {
    width: 100%;
}

.content__wrapper .login-input__wrapper .label-input__wrapper[b-girkrrdtxg] {
    padding: 0;
    margin-bottom: 1rem;
}

    .content__wrapper .login-input__wrapper .label-input__wrapper input[b-girkrrdtxg] {
        width: 100%;
    }

.login-button__wrapper[b-girkrrdtxg] {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.login__button[b-girkrrdtxg] {
    width: 100%;
    height: 100%;

    display: flex;

    justify-content: center;
    align-items: center;

    border: 1px solid white;

    border-radius: 8px;

    font-size: 1.4rem;

    color: white;

    transition: all 0.3s;

    background-color: rgb(0, 159, 227);

    cursor: pointer;
}

    .login__button:hover[b-girkrrdtxg] {
        background-color: rgb(0, 139, 207);
    }

.login__button[b-girkrrdtxg] {
    text-decoration: none;
    color: white;
}

.password-reset__button[b-girkrrdtxg] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.password-reset__info[b-girkrrdtxg] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 2rem;
    color: black;
    padding: 1rem;
    background-color: white;
}

@media(max-width: 700px){
    .content__wrapper[b-girkrrdtxg]{
        width: 90vw;
    }
}

@media(max-width: 450px){
    .login__header span[b-girkrrdtxg]{
        font-size: 2.5rem;
    }
}

.headline[b-girkrrdtxg] {
    display: flex;
    justify-content: center;
    margin: 2rem 4rem;
    border-bottom: var(--border-bottom);
    padding-bottom: 0.5rem;
    max-width: 500px;
}
/* /Shared/NewComponents/ConfirmModal.razor.rz.scp.css */
.confirm-modal[b-8wvwf8jjqh] {
    z-index: 501
}

.modal__title[b-8wvwf8jjqh] {
    display: flex;
    justify-content: center;
    margin: 1rem auto;
    border-bottom: 2px solid #007bff;
    padding-bottom: 0.5rem;
    font-size: 1.4rem;
    font-weight: bold;
    max-width: 200px;
}

.modal__message[b-8wvwf8jjqh] {
    font-size: 1.3rem;
    margin: 2rem auto;
    max-width: 300px;
    text-align: center;
}

.modal__actions[b-8wvwf8jjqh] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .modal__content[b-8wvwf8jjqh] {
        padding: 1.2rem;
    }


    .modal__actions[b-8wvwf8jjqh] {
        flex-direction: column;
        align-items: stretch;
    }

        .modal__actions button[b-8wvwf8jjqh] {
            width: 100%;
        }
}
/* /Shared/NewComponents/NewBoolInput.razor.rz.scp.css */
.bool-input[b-8fykpn3rxx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 0.5rem;
    font-size: var(--font-size-base);
    padding: 1rem;
    border-radius: var(--border-radius-base);
    border: var(--border);
    margin: 1.5rem auto;
    width: 100%;
    max-width: 600px !important; /* Desktop max Breite */
}

/* Titel / Label */
.bool-input__title[b-8fykpn3rxx] {
    font-weight: 600;
    font-size: var(--font-size-small) !important;
    color: var(--color-primary);
    margin-bottom: 0.25rem;
}

/* Top Bereich - Flexbox für Titel und Aktionen */
.bool-input__top[b-8fykpn3rxx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Switch Container */
.switch[b-8fykpn3rxx] {
    display: flex;
    border: var(--border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
    background-color: var(--color-background);
}

/* "Ja" und "Nein" Buttons */
.bool-input__left[b-8fykpn3rxx],
.bool-input__right[b-8fykpn3rxx] {
    padding: 1rem 2rem; /* größerer Padding für mehr Klickfläche */
    cursor: pointer;
    font-size: var(--font-size-small);
    user-select: none;
    transition: background-color 0.3s, color 0.3s;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px; /* größere Buttons */
    border-right: 1px solid var(--border);
}

.bool-input__right[b-8fykpn3rxx] {
    border-right: none; /* Letzter Button ohne rechten Rand */
}

    /* Aktiver Zustand */
    .bool-input__left.red-clicked[b-8fykpn3rxx],
    .bool-input__right.red-clicked[b-8fykpn3rxx] {
        background-color: var(--color-danger);
        color: var(--color-text-on-primary);
        cursor: default;
    }

    .bool-input__left.green-clicked[b-8fykpn3rxx],
    .bool-input__right.green-clicked[b-8fykpn3rxx] {
        background-color: var(--color-success);
        color: var(--color-text-on-primary);
        cursor: default;
    }

    /* Hover Effekt (nur wenn nicht aktiv) */
    .bool-input__left:hover:not(.red-clicked):not(.green-clicked)[b-8fykpn3rxx],
    .bool-input__right:hover:not(.red-clicked):not(.green-clicked)[b-8fykpn3rxx] {
        background-color: var(--color-primary-hover);
        color: var(--color-text-on-primary);
    }

    .bool-input__left.red-clicked:hover[b-8fykpn3rxx],
    .bool-input__right.red-clicked:hover[b-8fykpn3rxx] {
        background-color: var(--color-danger-hover);
    }

    .bool-input__left.green-clicked:hover[b-8fykpn3rxx],
    .bool-input__right.green-clicked:hover[b-8fykpn3rxx] {
        background-color: var(--color-success-hover);
    }

/* Error Message */
[b-8fykpn3rxx] .bool-text__error {
    color: var(--color-danger);
    background-color: rgba(220, 53, 69, 0.1);
    border-left: 3px solid var(--color-danger);
    padding: 0.5rem 0.75rem;
    font-size: var(--font-size-small);
    border-radius: var(--border-radius-base);
    margin-top: 0.25rem;
    transition: all 0.3s ease;
}

/* Responsive Anpassungen */
@media (max-width: 1023px) {
    .bool-input[b-8fykpn3rxx] {
        padding: 0.75rem;
    }

    .bool-input__title[b-8fykpn3rxx] {
        font-size: var(--font-size-small);
    }

    .bool-input__left[b-8fykpn3rxx],
    .bool-input__right[b-8fykpn3rxx] {
        font-size: var(--font-size-base);
        padding: 0.75rem 1.5rem;
        min-width: 70px;
    }
}

.bool-input__bottom:not(:has(*))[b-8fykpn3rxx]{
   display:none;
}
/* /Shared/NewComponents/NewButton.razor.rz.scp.css */
.button[b-gkm7panm7g] {
    padding: 1rem 2rem; /* Etwas größer für Touchgeräte */
    border: none;
    border-radius: 6px;
    font-size: 1.3rem;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.15s ease;
    white-space: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    text-align: center;
    box-shadow: var(--shadow);
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .button:hover[b-gkm7panm7g] {
        transform: translateY(-1px) scale(1.02);
        box-shadow: 0 4px 12px rgba(0, 123, 255, 0.5);
    }

    .button:active[b-gkm7panm7g] {
        transform: scale(0.97)
    }

@media (max-width: 768px) {
    .button[b-gkm7panm7g] {
        padding: 0.9rem 1.8rem;
    }
}


.button__label[b-gkm7panm7g] {
    pointer-events: none;
}

.button__label--margin[b-gkm7panm7g] {
    margin-left: 1rem;
}

.button--primary[b-gkm7panm7g] {
    background-color: var(--color-primary);
    color: var(--color-text-on-primary);
}

    .button--primary:hover[b-gkm7panm7g] {
        background-color: var(--color-primary-hover);
    }

.button--danger[b-gkm7panm7g] {
    background-color: var(--color-danger);
    color: var(--color-text-on-primary);
}

    .button--danger:hover[b-gkm7panm7g] {
        background-color: var(--color-danger-hover);
    }

.button--success[b-gkm7panm7g] {
    background-color: var(--color-success);
    color: var(--color-text-on-primary);
}

    .button--success:hover[b-gkm7panm7g] {
        background-color: var(--color-success-hover);
    }
/* /Shared/NewComponents/NewDateInput.razor.rz.scp.css */
.input-date[b-q1zhli31u3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 0.5rem;
    font-size: var(--font-size-small);
    padding: 1rem;
    border-radius: var(--border-radius-base);
    border: var(--border);
    margin: 1.5rem auto;
    width: 100%;
    max-width: 600px; /* Für Desktop */
}

/* Input Field */
[b-q1zhli31u3] .input-date__field {
    padding: 0.5rem 1rem;
    border: var(--border);
    border-radius: var(--border-radius-base);
    transition: box-shadow 0.2s, border-color 0.2s;
    background-color: var(--color-background);
    width: 100%; /* Füllt die ganze Breite */
    font-size: var(--font-size-headline);
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

/* Label */
.input-date__label[b-q1zhli31u3] {
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 0.25rem;
}

/* Placeholder (falls unterstützt) */
[b-q1zhli31u3] .input-date__field::placeholder {
    color: #aaa;
}

/* Focus Style */
[b-q1zhli31u3] .input-date__field:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--shadow-focus);
}

/* Error Message */
[b-q1zhli31u3] .validation-message {
    color: var(--color-danger);
    background-color: rgba(220, 53, 69, 0.1);
    border-left: 3px solid var(--color-danger);
    padding: 0.5rem 0.75rem;
    font-size: var(--font-size-small);
    border-radius: var(--border-radius-base);
    margin-top: 0.25rem;
    transition: all 0.3s ease;
}

@media (max-width: 1023px) {
    .input-date[b-q1zhli31u3] {
        padding: 0.75rem;
    }
}
/* /Shared/NewComponents/NewDateInputNullable.razor.rz.scp.css */
.input-date[b-lz2oyw9km2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 0.5rem;
    font-size: var(--font-size-small);
    padding: 1rem;
    border-radius: var(--border-radius-base);
    border: var(--border);
    margin: 1.5rem auto;
    width: 100%;
    max-width: 600px; /* Für Desktop */
}

/* Input Field */
[b-lz2oyw9km2] .input-date__field {
    padding: 0.5rem 1rem;
    border: var(--border);
    border-radius: var(--border-radius-base);
    transition: box-shadow 0.2s, border-color 0.2s;
    background-color: var(--color-background);
    width: 100%; /* Füllt die ganze Breite */
    font-size: var(--font-size-headline);
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

/* Label */
.input-date__label[b-lz2oyw9km2] {
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 0.25rem;
}

/* Placeholder (falls unterstützt) */
[b-lz2oyw9km2] .input-date__field::placeholder {
    color: #aaa;
}

/* Focus Style */
[b-lz2oyw9km2] .input-date__field:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--shadow-focus);
}

/* Error Message */
[b-lz2oyw9km2] .validation-message {
    color: var(--color-danger);
    background-color: rgba(220, 53, 69, 0.1);
    border-left: 3px solid var(--color-danger);
    padding: 0.5rem 0.75rem;
    font-size: var(--font-size-small);
    border-radius: var(--border-radius-base);
    margin-top: 0.25rem;
    transition: all 0.3s ease;
}

@media (max-width: 1023px) {
    .input-date[b-lz2oyw9km2] {
        padding: 0.75rem;
    }
}
/* /Shared/NewComponents/NewModal.razor.rz.scp.css */
.modal[b-oxv3se4ew5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 500;
    padding: 1rem;
    overflow-y: auto;
}

.modal__content[b-oxv3se4ew5] {
    background-color: var(--color-background);
    padding: 2rem;
    border-radius: var(--border-radius-base);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 501;
    min-width: 280px;
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
    box-sizing: border-box;
}

[b-oxv3se4ew5].modal__content input {
    border: var(--border);
    border-radius: var(--border-radius-base);
}

    [b-oxv3se4ew5].modal__content form {
        width: 100%;
    }


[b-oxv3se4ew5].modal__content .img-input__wrapper label {
    background-color: var(--color-background-primary);
    color: var(--color-primary);
}


[b-oxv3se4ew5].modal__content .img-input__wrapper {
/*    padding: 1rem;*/
    background-color: var(--color-background-primary);
    border-radius: var(--border-radius-base);
    margin: 1.5rem auto;
    box-shadow: var(--shadow);
    transition: background-color 0.2s ease, transform 0.2s ease;
}
    [b-oxv3se4ew5].modal__content .img-input__wrapper:hover {
        box-shadow: var(--shadow-focus);
        transform: scale(1.01);
    }[b-oxv3se4ew5].modal__content .img-input__wrapper:active {
                transform: scale(0.97)
    }


@media (min-width: 300px) {
    .modal__content[b-oxv3se4ew5] {
        width:600px;
    }
}
/* /Shared/NewComponents/NewNullableBoolWithResolveInput.razor.rz.scp.css */
.bool-input[b-nfruzrvd60] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 0.5rem;
    font-size: var(--font-size-base);
    padding: 1rem;
    border-radius: var(--border-radius-base);
    border: var(--border);
    margin: 1.5rem auto;
    width: 100%;
    max-width: 600px !important; /* Desktop max Breite */
}

/* Titel / Label */
.bool-input__title[b-nfruzrvd60] {
    font-weight: 600;
    font-size: var(--font-size-small) !important;
    color: var(--color-primary);
    margin-bottom: 0.25rem;
}

/* Top Bereich - Flexbox für Titel und Aktionen */
.bool-input__top[b-nfruzrvd60] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Switch Container */
.switch[b-nfruzrvd60] {
    display: flex;
    border: var(--border);
    border-radius: var(--border-radius-base);
    overflow: hidden;
    background-color: var(--color-background);
}

/* "Ja" und "Nein" Buttons */
.bool-input__left[b-nfruzrvd60],
.bool-input__right[b-nfruzrvd60] {
    padding: 1rem 2rem; /* größerer Padding für mehr Klickfläche */
    cursor: pointer;
    font-size: var(--font-size-small);
    user-select: none;
    transition: background-color 0.3s, color 0.3s;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px; /* größere Buttons */
    border-right: 1px solid var(--border);
}

.bool-input__right[b-nfruzrvd60] {
    border-right: none; /* Letzter Button ohne rechten Rand */
}

    /* Aktiver Zustand */
    .bool-input__left.red-clicked[b-nfruzrvd60],
    .bool-input__right.red-clicked[b-nfruzrvd60] {
        background-color: var(--color-danger);
        color: var(--color-text-on-primary);
        cursor: default;
    }

    .bool-input__left.green-clicked[b-nfruzrvd60],
    .bool-input__right.green-clicked[b-nfruzrvd60] {
        background-color: var(--color-success);
        color: var(--color-text-on-primary);
        cursor: default;
    }

    /* Hover Effekt (nur wenn nicht aktiv) */
    .bool-input__left:hover:not(.red-clicked):not(.green-clicked)[b-nfruzrvd60],
    .bool-input__right:hover:not(.red-clicked):not(.green-clicked)[b-nfruzrvd60] {
        background-color: var(--color-primary-hover);
        color: var(--color-text-on-primary);
    }

    .bool-input__left.red-clicked:hover[b-nfruzrvd60],
    .bool-input__right.red-clicked:hover[b-nfruzrvd60] {
        background-color: var(--color-danger-hover);
    }

    .bool-input__left.green-clicked:hover[b-nfruzrvd60],
    .bool-input__right.green-clicked:hover[b-nfruzrvd60] {
        background-color: var(--color-success-hover);
    }

/* Error Message */
[b-nfruzrvd60] .bool-text__error {
    color: var(--color-danger);
    background-color: rgba(220, 53, 69, 0.1);
    border-left: 3px solid var(--color-danger);
    padding: 0.5rem 0.75rem;
    font-size: var(--font-size-small);
    border-radius: var(--border-radius-base);
    margin-top: 0.25rem;
    transition: all 0.3s ease;
}

/* Responsive Anpassungen */
@media (max-width: 1023px) {
    .bool-input[b-nfruzrvd60] {
        padding: 0.75rem;
    }

    .bool-input__title[b-nfruzrvd60] {
        font-size: var(--font-size-small);
    }

    .bool-input__left[b-nfruzrvd60],
    .bool-input__right[b-nfruzrvd60] {
        font-size: var(--font-size-base);
        padding: 0.75rem 1.5rem;
        min-width: 70px;
    }
}
/* /Shared/NewComponents/NewNumberInput.razor.rz.scp.css */
.input-number[b-ced5pfi76a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 0.5rem;
    font-size: var(--font-size-base);
    padding: 1rem;
    border-radius: var(--border-radius-base);
    border: var(--border);
    margin: 1.5rem auto;
    width: 100%;
    max-width: 600px; /* Für Desktop */
}

/* Input Field */
[b-ced5pfi76a] .input-number__field {
    padding: 0.5rem 1rem;
    font-size: var(--font-size-small);
    border: var(--border);
    border-radius: var(--border-radius-base);
    transition: box-shadow 0.2s, border-color 0.2s;
    background-color: var(--color-background);
    width: 100%; /* Füllt die ganze Breite */
}

/* Label */
.input-number__label[b-ced5pfi76a] {
    font-weight: 600;
    font-size: var(--font-size-small) !important;
    color: var(--color-primary);
    margin-bottom: 0.25rem;
}

/* Placeholder */
[b-ced5pfi76a] .input-number__field::placeholder {
    color: #aaa;
    font-size: var(--font-size-small);
}

/* Focus Style */
[b-ced5pfi76a] .input-number__field:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--shadow-focus);
}

/* Error Message */
[b-ced5pfi76a] .input-text__error {
    color: var(--color-danger);
    background-color: rgba(220, 53, 69, 0.1);
    border-left: 3px solid var(--color-danger);
    padding: 0.5rem 0.75rem;
    font-size: var(--font-size-small);
    border-radius: var(--border-radius-base);
    margin-top: 0.25rem;
    transition: all 0.3s ease;
}

@media (max-width: 1023px) {
    .input-number[b-ced5pfi76a] {
        padding: 0.75rem;
    }

    [b-ced5pfi76a] .input-number__field {
        font-size: var(--font-size-base) !important;
    }

    .input-number__label[b-ced5pfi76a] {
        font-size: var(--font-size-small);
    }

    [b-ced5pfi76a] .input-text__error {
        font-size: var(--font-size-small);
    }
}
/* /Shared/NewComponents/NewTextarea.razor.rz.scp.css */
.newTextarea__wrapper[b-hz6wqpg90o] {
    flex: 1;
    padding: 1rem;
    font-size: 1.4rem;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border: var(--border);
    border-radius: var(--border-radius-base);
    color: var(--color-primary);
    font-weight: 600;
    font-size: 1.4rem;
    margin: 1.5rem auto;
    gap: 0.5rem;
}

[b-hz6wqpg90o].newTextarea__wrapper textarea {
    height: 100%;
    width: 100%;
    font-family: inherit;
    padding: 1rem;
    resize: none;
    border: none;
    border: var(--border);
    border-radius: var(--border-radius-base);
}

.newTtextarea__wrapper span[b-hz6wqpg90o] {
    padding-left: 0.3rem;
    padding-bottom: 0.2rem;
}

[b-hz6wqpg90o] .input-text__error {
    color: var(--color-danger);
    background-color: rgba(220, 53, 69, 0.1);
    border-left: 3px solid var(--color-danger);
    padding: 0.5rem 0.75rem;
    border-radius: var(--border-radius-base);
    margin-top: 0.25rem;
    transition: all 0.3s ease;
    font-size: var(--font-size-small);
    font-weight: 100;
}
/* /Shared/NewComponents/NewTextInput.razor.rz.scp.css */
.input-text[b-36ys3fgg96] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 0.5rem;
    font-size: var(--font-size-base);
    padding: 1rem;
    border-radius: var(--border-radius-base);
    border: var(--border);
    margin: 1.5rem auto;
    width: 100%;
    max-width: 600px; /* Für Desktop */
}

/* Input Field */
[b-36ys3fgg96] .input-text__field {
    padding: 0.5rem 1rem;
    font-size: var(--font-size-small);
    border: var(--border);
    border-radius: var(--border-radius-base);
    transition: box-shadow 0.2s, border-color 0.2s;
    background-color: var(--color-background);
    width: 100%; /* Füllt die ganze Breite */
}

/* Label */
.input-text__label[b-36ys3fgg96] {
    font-weight: 600;
    font-size: var(--font-size-small)!important;
    color: var(--color-primary);
    margin-bottom: 0.25rem;
}

/* Placeholder */
.input-text__field[b-36ys3fgg96]::placeholder {
    color: #aaa;
    font-size: var(--font-size-small);
}

/* Focus Style */
[b-36ys3fgg96] .input-text__field:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--shadow-focus);
}

/* Error Message */
[b-36ys3fgg96] .input-text__error {
    color: var(--color-danger);
    background-color: rgba(220, 53, 69, 0.1);
    border-left: 3px solid var(--color-danger);
    padding: 0.5rem 0.75rem;
    font-size: var(--font-size-small);
    border-radius: var(--border-radius-base);
    margin-top: 0.25rem;
    transition: all 0.3s ease;
}


@media (max-width: 1023px) {
    .input-text[b-36ys3fgg96] {
        padding: 0.75rem;
        /*max-width: 90%;*/ /* Kleiner auf Tablet & Mobile */
    }

    [b-36ys3fgg96] .input-text__field {
        font-size: var(--font-size-base) !important;
    }

    .input-text__label[b-36ys3fgg96] {
        font-size: var(--font-size-small);
    }

    [b-36ys3fgg96] .input-text__error {
        font-size: var(--font-size-small);
    }
}

/* /Shared/NewComponents/NewValueSelectInput.razor.rz.scp.css */
.select-input[b-cn36ke78m4] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: var(--font-size-base);
    padding: 1rem;
    border-radius: var(--border-radius-base);
    border: var(--border);
    margin: 1.5rem auto;
    width: 100%;
    max-width: 600px;
    background-color: var(--color-background);
    position: relative;
}

.select-input__headline[b-cn36ke78m4] {
    font-weight: 600;
    font-size: var(--font-size-small);
    color: var(--color-primary);
    margin-bottom: 0.25rem;
}

/* Select Field */
.select-input select[b-cn36ke78m4] {
    padding: 0.5rem 1rem;
    border: var(--border);
    border-radius: var(--border-radius-base);
    background-color: var(--color-background);
    width: 100%;
    transition: box-shadow 0.2s, border-color 0.2s;
    appearance: none; 
}

    .select-input select:focus[b-cn36ke78m4] {
        outline: none;
        border-color: var(--color-primary);
        box-shadow: var(--shadow-focus);
    }


/* Delete (X) Button */
.select-input__delete[b-cn36ke78m4] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: var(--color-danger);
    cursor: pointer;
    transition: color 0.2s ease;
}

    .select-input__delete:hover[b-cn36ke78m4] {
        color: var(--color-danger-hover);
    }

/* Fehleranzeige */
.select-input .validation-message[b-cn36ke78m4] {
    color: var(--color-danger);
    background-color: rgba(220, 53, 69, 0.1);
    border-left: 3px solid var(--color-danger);
    padding: 0.5rem 0.75rem;
    border-radius: var(--border-radius-base);
    margin-top: 0.25rem;
    transition: all 0.3s ease;
    font-size: var(--font-size-small);
}

[b-cn36ke78m4] .input-select__field {
    border: var(--border);
    border-radius: var(--border-radius-base);
    padding: 0.5rem;
    font-size: var(--font-size-headline) !important;
}

[b-cn36ke78m4] .input-select__field:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--shadow-focus);
}