/*farben*/

:root {
    --quadrat: calc(var(--unit) * 8);
}

:root {
    --initial-about-lightness: 100%;
    --about-lightness: var(--initial-about-lightness);

    --initial-news-lightness: 100%;
    --news-lightness: var(--initial-news-lightness);

    --initial-projects-lightness: 100%;
    --projects-lightness: var(--initial-projects-lightness);

    --initial-artists-lightness: 100%;
    --artists-lightness: var(--initial-artists-lightness);

    --initial-media-lightness: 100%;
    --media-lightness: var(--initial-media-lightness);

    --initial-archive-lightness: 100%;
    --archive-lightness: var(--initial-archive-lightness);

    --initial-agenda-lightness: 100%;
    --agenda-lightness: var(--initial-agenda-lightness);

}




html, body, #header, footer {
    background-color: white;
    font-family: 'space mono', monospace;

}



.logo {
    color: black !important;
    text-decoration: none;
    z-index: 100000;
}
.logo a {
    color: black !important;
    text-decoration: none;
    z-index: 100000;
}

.about, .news, .projects, .artists, .media, .archive, .agenda {
    background-color: hsl(20, 0%, var(--about-lightness));
    color: blue;
}

/*.news {*/
/*    background-color: hsl(48, 0%, var(--news-lightness));*/
/*    color: blue;*/
/*}*/


/*.projects {*/
/*    background-color: hsl(32, 0%, var(--projects-lightness));*/
/*    color: blue;*/

/*}*/

/*.artists {*/
/*    background-color: hsl(121, 0%, var(--artists-lightness));*/
/*    color: blue;*/

/*}*/

/*.media {*/
/*    background-color: hsl(250, 0%, var(--media-lightness));*/
/*    color: blue;*/

/*}*/

/*.archive {*/
/*    background-color: hsl(0, 0%, var(--archive-lightness));*/
/*    color: blue;*/

/*}*/

/*.agenda {*/
/*    background-color: hsl(10, 0%, var(--agenda-lightness));*/
/*    color: blue;*/


.cat-col-titel:hover {
    --about-lightness: calc(var(--initial-about-lightness) - var(--initial-about-lightness) * 0.1);
    --news-lightness: calc(var(--initial-news-lightness) - var(--initial-news-lightness) * 0.3);
    --projects-lightness: calc(var(--initial-projects-lightness) - var(--initial-projects-lightness) * 0.2);
    --artists-lightness: calc(var(--initial-artists-lightness) - var(--initial-artists-lightness) * 0.2);
    --media-lightness: calc(var(--initial-media-lightness) - var(--initial-media-lightness) * 0.2);
    --archive-lightness: calc(var(--initial-archive-lightness) - var(--initial-archive-lightness) * 0.2);
    --agenda-lightness: calc(var(--initial-agenda-lightness) - var(--initial-agenda-lightness) * 0.2);

}

.hover-link:hover {
    --about-lightness: calc(var(--initial-about-lightness) - 5%);
    --news-lightness: calc(var(--initial-news-lightness) - 5%);
    --projects-lightness: calc(var(--initial-projects-lightness) - 5%);
    --artists-lightness: calc(var(--initial-artists-lightness) - var(--initial-artists-lightness) * 0.2);
    --media-lightness: calc(var(--initial-media-lightness) - var(--initial-media-lightness) * 0.2);
    --archive-lightness: calc(var(--initial-archive-lightness) - var(--initial-archive-lightness) * 0.2);
    --agenda-lightness: calc(var(--initial-agenda-lightness) - var(--initial-agenda-lightness) * 0.2);

}




.white {
    background-color: white
}

a {
    color: blue;
}

.inner-grid-container .a-nav{
    color: red;
    border-top: 1px solid red;
    /*padding-left: 0;*/
}

.cat-col-titel {
    /*background-color: hsl(0, 0%, 98%);*/
    /*border-top: 1px solid black;*/
}

.scroll-container {
    /*border-left: 1px solid red;*/
}

.zab-2, .zab-3, .zab-4, .zab-5, .zab-6, .zab-7, .zab-8, .zab-10 {

}



h2, .uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: initial;
}

.article {
    /*border-top: 1px solid red;*/
}


.bilder-voll-breit {
    /*filter: sepia(100%) hue-rotate(200deg);*/
}

.nopadding-left {
    padding-left: 0;
}

.no-link {
    /*background-color: hsl(77, 0%, 95%);*/
    filter: grayscale(100%);
    /*filter: alpha(100%);*/



}


.border-top {
    border-top: 1px solid blue;

}

.neg-text-border-top {
    border-top: 1px solid red;

}