.NewsAllSec {
    margin: 17vh auto 0 auto;
    width: 85vw;
    height: max-content;
    position: relative;
}
.yearBlock {
    position: fixed;

    width: 13vw;
    height: 25vh;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 2vmin;
}
.innerYearB {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.ParaDivYears {
    height: 15vh;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}
.yearParaNews {
    transition: 300ms;
    margin: 0;
    font-size: 2.8vmin;
    cursor: pointer;
    padding: 0.5vmin 0;
    user-select: none;

    display: none;
    justify-content: center;
}.ParaActiv {font-size: 4.2vmin; display: flex;} .ParaPassiv{display: flex;} .endBlock{display: flex; visibility: hidden;}
.arrowI {
    font-size: 2.3vmin;
    cursor: pointer;
} .ArrowVis {visibility: hidden;}

/* year mobile */
.yearMobile {
    display: none;
}

/* news */
.NewsContentBlock {
    position: absolute;
    inset: 0 0 auto auto;
    width: 72vw;
    background-color: var(--fg);
    border-radius: 5vmin;
    padding: 2vmin;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4vmin;
}
.NewsBox {
    width: 100%;
    position: relative;
    background-color: var(--fgd);
    border-radius: 5vmin;
    z-index: 50;
    cursor: pointer;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.innerNewsBox {
    padding: 4vmin;
    display: flex;
    flex-direction: column;
    gap: 1vmin;
}
.NewsParara {
    margin: 0;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.NewsTitle{
    font-size: 1.7vw;
    font-family: var(--Head1);
}
.NewsDate {
    color: var(--ac);
    font-size: 0.9vw;
    font-family: var(--Head2);
}
.NewsText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1vw;
    margin: 2vmin 0 0 2.2vmin;
    height: auto;
    /* visibility: hidden; */

    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
} .shown{height: auto; visibility: visible;}
.NewsByName {
    font-size: 0.7vw;
    font-family: var(--Head2);
    margin-top: 1.8vmin;
}
.deleteIcon {
    font-size: 2vmin;
    color: var(--ac);
}
.delIcNewsA {
    display: flex;
    position: absolute;
    inset: auto 8vmin 0 auto;
}
.editIcon {
    font-size: 2vmin;
}
.editIcNewsA {
    display: flex;
    position: absolute;
    inset: auto 3vmin 0 auto;
}
.NewsNotFound {
    font-family: var(--Head1);
    font-size: 2vmin;
}

/* media query */
@media screen and (max-width: 1160px) {
    .NewsAllSec{margin-top: 13vh;}
    .yearBlock{display: none;}
    .NewsContentBlock {
        width: 100%;
    }

    /* year mobile */
    .yearMobile {
        display: flex;
        flex-direction: column;
    }
    .yearClicker {
        margin: 0;
        font-family: var(--Head2);
        font-size: 4vmin;
    }
    .klappMenu {
        transition: 300ms;
        font-size: 2.8vmin;
    }.rotateYear {transform: rotate(90deg);}
    .DropYears {
        display: none;
    }
    .dropYear {
        margin-top: 2vmin;
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 1vmin;

        font-family: var(--Head2);
        font-size: 3.5vmin;
    }
    .yearsMobile {
        margin: 0;
    }

    /* news */
    .NewsTitle{
        font-size: 3vmin;
    }
    .NewsDate {
        font-size: 2vmin;
    }
    .NewsText {
        font-size: 2vmin;
    }
    .NewsByName {
        font-size: 2vmin;
        margin-top: 2.8vmin;
    }
    .deleteIcon {
        font-size: 2.5vmin;
    }
    .NewsNotFound {
        font-size: 2.5vmin;
    }
}

/* media querformat */
@media screen and (max-height: 600px) and (orientation: landscape) {
    .NewsAllSec{margin-top: 20vh;}
}