p, h1, h2, h3, figcaption, input, .selected {
color: blue;
}

.content {
display: none;
padding-bottom: 0rem;
}


.border {
border-top: 1px solid blue;
padding-top: .75rem;
padding-bottom: 2.7rem;
}


.about {
padding-top: .75rem;
min-height: calc(100vh - (3.375rem - 1px));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}


header{
border-bottom: 1px solid blue;
}

.werklistetitel-container {
margin-bottom: 1.35rem;
}

.werklistetitel-container h2{
margin-bottom: 0rem;
}


.werklistetitel-container h2:before{
content: '';
margin-right: .3rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.werklistetitel-container .active h2:before{
content: '';
margin-right: .3rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}




.werkliste-toggler{
cursor: pointer;
}

.werkliste-toggler h2{
font-family: "Synt Italic";
}

.werkliste-toggler:hover h2{
font-family: "Synt Book";
}

.werkliste-toggler.active h2 {
font-family: "Synt Book";
}


.werkliste-content{
display: none;
width: 100%;
}
.werkliste-content:first-of-type{
display: block;
}

@media screen and (max-width: 65rem) {
.werkliste-content {
border-top: 1px solid blue;
}
}
@media screen and (min-width: 65rem) {
.werkliste-content .border:first-of-type {
padding-top: 0rem;
}
}

.werkliste-content .border {
border-top: 0px solid blue;
border-bottom: 1px solid blue;
padding-top: .5rem;
padding-bottom: .5rem;
}


.werkliste-content .border:last-of-type {
border-bottom: 0px solid blue;
}


@media screen and (min-width: 65rem) {
main {
padding-bottom: 0rem;
}

#werkliste {
max-height: calc(100vh - (3.375rem - 1px));
overflow-y: hidden;
}


.werkliste-content-container {
    height: calc(100vh - (3.375rem - 1px));
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.werkliste-content-container::-webkit-scrollbar {
    display: none;
}
}


ol li.text-s p {
margin-bottom: 0;
}


.menu-nav {
background-color: blue;
}

.menu-nav h3 {
color: rgb(251,251,251);
}


@media screen and (min-width: 35rem) {
figure img{
max-width: calc(66.666% - 1rem);
height: auto;
}
}