.ueberUns p span{
    font-weight: 700;
    color: var(--green);
    font-size: 120%;
}

.ueberUns .intro .image{
    width: 300px;
    aspect-ratio: 1 / 1;
    background-image: url("/links/ueberUns/ueberUns-priya.png");
    background-size: 100%;
    background-position: center;
    display: table;
    margin: auto;
    margin-bottom: 20px;
}

.ueberUns .intro .columns{
    column-count: 2;
    column-gap: 40px;
    text-indent: 40px;
}

@media screen and (max-width: 982px){
    .ueberUns .intro .columns{
        column-count: 1;
        column-gap: 0px;
        text-indent: 40px;
    }
}

.ueberUns .zeitleiste-section{
    position: relative;
    width: 100%;
}

.ueberUns .zeitleiste-section img{
    width: 100%;
    max-width: 300px;
    margin: auto;
    display: table;
    margin-top: 20px;
    border-radius: 40px;
}

.ueberUns .zeitleiste-section .zeitleiste{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

@media screen and (max-width: 767px){
    .ueberUns .zeitleiste-section .zeitleiste{
        flex-direction: column;
        justify-content: unset;
        margin-top: 0px;
        gap: 20px;
        border-left: solid 4px var(--green);
        margin: auto;
        width: fit-content;
        margin-top: 40px;
    }
}

.ueberUns .zeitleiste-section .zeitleiste::before{
    content: "";
    display: block;
    width: calc( 100% - 80px );
    height: 4px;
    background-color: var(--green);
    position: absolute;
}

@media screen and (max-width: 767px){
    .ueberUns .zeitleiste-section .zeitleiste::before{
        display: none;
    }
}

.ueberUns .zeitleiste-section .zeitleiste .eintrag{
    display: table;
    border: solid 2px var(--green);
    padding: 10px;
    border-radius: 20px;
    margin-top: 20px;
    position: relative;
}

@media screen and (max-width: 767px){
    .ueberUns .zeitleiste-section .zeitleiste .eintrag{
        display: table;
        width: fit-content;
        margin: auto;
        margin-left: 40px;
        border: solid 2px var(--green);
        padding: 10px;
        border-radius: 20px;
        margin-top: 20px;
        position: relative;
    }
}

.ueberUns .zeitleiste-section .zeitleiste .eintrag::before{
    content: "";
    display: block;
    width: 4px;
    height: 20px;
    background-color: var(--green);
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
}

@media screen and (max-width: 767px){
    .ueberUns .zeitleiste-section .zeitleiste .eintrag::before{
        content: "";
        display: block;
        width: 40px;
        height: 4px;
        background-color: var(--green);
        position: absolute;
        left: -40px;
        top: 50%;
        transform: translateX(0%) translateY(-50%);
    }
}

.ueberUns .zeitleiste-section .zeitleiste .eintrag::after{
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--color-accent);
    border-radius: 100%;
    top: -20px;
    left: 50%;
    transform: translate(-50%, -50%);
    border: solid 4px var(--green);
}

@media screen and (max-width: 767px){
    .ueberUns .zeitleiste-section .zeitleiste .eintrag::after{
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: var(--color-accent);
        border-radius: 100%;
        top: 50%;
        left: -40px;
        transform: translate(-50%, -50%);
        border: solid 4px var(--green);
    }
}

.ueberUns .zeitleiste-section .zeitleiste .eintrag .jahr{
    font-weight: 700;
    color: var(--green);
    text-align: center;
}

.ueberUns .zeitleiste-section .zeitleiste .eintrag .text{
    text-align: center;
}