@font-face {
font-family: 'Farrari Regular';
src:
url('../font/Farrari-Regular.ttf') format('ttf'),
url('../font/Farrari-Regular.woff2') format('woff2'),
url('../font/Farrari-Regular.woff') format('woff'),
url('../font/Farrari-Regular.eot') format('eot'),
url('../font/Farrari-Regular.otf') format('otf');
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility;
font-display: block;
}

@font-face {
font-family: 'Farrari Medium';
src:
url('../font/Farrari-Medium.ttf') format('ttf'),
url('../font/Farrari-Medium.woff2') format('woff2'),
url('../font/Farrari-Medium.woff') format('woff'),
url('../font/Farrari-Medium.eot') format('eot'),
url('../font/Farrari-Medium.otf') format('otf');
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility;
font-display: block;
}

@font-face {
font-family: 'Farrari Semi Bold';
src:
url('../font/Farrari-SemiBold.ttf') format('ttf'),
url('../font/Farrari-SemiBold.woff2') format('woff2'),
url('../font/Farrari-SemiBold.woff') format('woff'),
url('../font/Farrari-SemiBold.eot') format('eot'),
url('../font/Farrari-SemiBold.otf') format('otf');
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility;
font-display: block;
}

@font-face {
font-family: 'Farrari Bold';
src:
url('../font/Farrari-Bold.ttf') format('ttf'),
url('../font/Farrari-Bold.woff2') format('woff2'),
url('../font/Farrari-Bold.woff') format('woff'),
url('../font/Farrari-Bold.eot') format('eot'),
url('../font/Farrari-Bold.otf') format('otf');
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility;
font-display: block;
}



:root {
  --content-width: 100%;
  position: relative;
}


input::-moz-focus-inner, textarea::-moz-focus-inner  { 
  border: 0; 
}

input, textarea, select, button {
  -webkit-appearance: none; 
  border-radius: 0;
  outline: none;
}


*, *::before, *::after {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  outline: none;
}

*:focus {
    outline: none;
}

html {
margin: 0 auto;
white-space: normal;
background-color: white;
color: black;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
scroll-behavior: smooth;
overflow-x: hidden !important;
overflow-x: -moz-scrollbars-none;
-webkit-text-size-adjust: none;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
          scrollbar-width: none;
  -ms-overflow-style: none;
}


body {
  scrollbar-width: none;
  -ms-overflow-style: none;
-webkit-animation: fadein .8s ease-in;
        animation: fadein .8s ease-in;
}



hmtl::-webkit-scrollbar, body::-webkit-scrollbar, main::-webkit-scrollbar, .hidden::-webkit-scrollbar, nav::-webkit-scrollbar {
  display: none;
}


header {
position: sticky;
top: 0;
left: 0;
width: 100vw;
background: white;
height: 6.5rem;
padding-top: 1.25rem;
z-index: 9999;
}

.menu, .past-menu, .menu-small {
position: sticky;
top: 6.5rem;
left: 0;
 width: 100%;
 background: white;
  z-index: 999;
}

.menu-small {
  z-index: 1001;
}


.past-menu {
 pointer-events: none;
 background: transparent;
  z-index: 9999;
}

.current-opener, .past-opener {
 pointer-events: auto;
 height: 2.5rem;
 border-right: .1rem solid var(--color-background);
 background: rgb(255,255,255);
}


@media screen and (max-width: 75rem) {
header {
padding-top: .6rem;
height: 3.5rem;
}
.menu  {
top: 0rem;
position: relative;
}
.menu-small, .past-menu  {
top: 3.5rem;
}

.current-opener, .past-opener {
 height: 1.6rem;
}
}

main {
z-index: 9;
background: white;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

footer {
position: relative;
width: calc(100vw - 1rem);
height: auto;
background: white;
padding-bottom: 1.6rem;
}

footer .imprint .indent-content {
padding-top: .8rem;
border-top: 0px;
}

@media screen and (max-width: 75rem) {
footer {
width: 100vw;
padding-bottom: .8rem;
}
}

header, footer, button, img, .title, .subtitle, .title-opener, .project-entry {
-webkit-user-select: none;  
-moz-user-select: none;    
-ms-user-select: none;      
user-select: none;
}


p, h1, h2, h3, h4, figcaption, ol li, figcaption, ul li, input, textarea, button{
color: black;
font-weight: normal;
  -webkit-font-feature-settings: "calt", "liga", "ss05", "dlig" 1;
          font-feature-settings: "calt", "liga", "ss05", "dlig" 1;
}


p, ol li, figcaption, button {
font-family: Farrari Semi Bold;
font-size: .9rem;
line-height: 122%;
letter-spacing: .005rem;
}



input, textarea{
font-family: Farrari Semi Bold;
font-size: .9rem;
line-height: 100%;
}

.text-m p, .text-m ol li, .text-m ul li {
font-family: Farrari Regular;
font-size: 1.1rem;
line-height: 122%;
-webkit-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
letter-spacing: .001rem;
}

.text-m ol li {
position: relative;
padding-left: 2rem;
}

.text-m ol li:before {
content: '→';
position: absolute;
left: 0rem;
}

strong {
font-family: Farrari Medium;
letter-spacing: 0.0025rem;
}

h1{
font-family: Farrari Bold;
font-size: 2.1rem;
line-height: 90%;
letter-spacing: -.0025rem;
}

h2{
font-family: Farrari Semi Bold;
font-size: 2.1rem;
line-height: 110%;
letter-spacing: -0.0025rem;
-webkit-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.project-title h2 {
line-height: 110%;
padding-top: .8rem;
padding-bottom: .6rem;
}

h3{
font-family: Farrari Medium;
font-size: 1.5rem;
line-height: 110%;
letter-spacing: -0.0025rem;
-webkit-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.text-l p{
font-family: Farrari Medium;
font-size: 1.5rem;
line-height: 122%;
letter-spacing: -0.005rem;
-webkit-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

@media screen and (max-width: 75rem) { 
p, button, input {
font-size: .75rem;
}

.links p svg {
height: .5rem;
}

.text-m p, .text-m ol li, .text-m ul li {
font-size: 1rem;
letter-spacing: -0.01rem;
}

h1{
font-size: 1.2rem;
letter-spacing: -0.005rem;
}

h2{
font-size: 1.4rem;
letter-spacing: -0.005rem;
}

h3{
font-size: 1.4rem;
letter-spacing: -0.005rem;
}

.text-l p{
font-size: 1.2rem;
letter-spacing: -0.005rem;
}

.text-m p, .text-l p, .text-m li {
padding-right: .6rem;
}
}

.text-m li:last-of-type {
padding-bottom: 1.375rem;
}

.text-m p {
padding-bottom: 1.375rem;
}

.project-entry-subtitle .text-m p {
padding-bottom: 0;
}

.text-l p {
padding-bottom: calc(1.375rem * 1);
}

.text-m.metadata p {
padding-bottom: 0rem;
-webkit-hyphens: none;
    -ms-hyphens: none;
        hyphens: none;
}


button,
button p,
button h1,
button h2,
button h3,
a,
a:link,
a:visited,
a:active,
a:focus {
  font-weight: normal;
  color: black;
  text-decoration: none;
  outline: none;
}

.title-opener:hover  {
cursor: pointer;
}

button:hover  {
cursor: pointer;
background: var(--color-background);
}

nav section:hover, .project-nav li:hover {
background: var(--color-background);
cursor: pointer;
}

nav section.suche:hover {
background: white;
}


button, input, textarea {
color: black;
background: white;
margin: 0;
padding: 0;
cursor: pointer;
}

button {
background-color: transparent;
}

button * {
  color: black; 
}

.project-title button{
text-align: left;
}

input{
width: 9rem;
padding-left: .2rem;
padding-right: .2rem;
padding-top: 0rem;
padding-bottom: 0rem;
color: black;
border-bottom: 1px solid black;
}

input::-webkit-input-placeholder {
  color: black;
}

input::-moz-placeholder {
  color: black;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: black;
}

input::-ms-input-placeholder {
  color: black;
  opacity: 1;
}

input::placeholder {
  color: black;
  opacity: 1;
}

form input, form textarea{
width: 100%;
border-bottom: 0rem solid black;
padding: .6rem;
padding-bottom: .4rem;
margin-top: .2rem;
margin-bottom: .4rem;
}

textarea {
  resize: none;
  min-height: 8rem;
}


.content input, .content textarea {
border: .1rem solid var(--color-background);
}

.opened {
display: none;
}

.closed {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.active .opened {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.active .closed {
display: none;
}

.active, li.active {
background: var(--color-background);
}

.active input, .active button {
background: var(--color-background);
}



form p{
margin-top: .3rem;
margin-bottom: .2rem;
}

form button p{
margin-top: 0rem;
margin-bottom: 0rem;
}

.honeypot {
position: absolute;
left: -9999px;
}

.name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
  -ms-flex-wrap: row wrap;
      flex-wrap: row wrap;
  width: 100%;
}



.prename{
width: 50%;
margin-right: .3rem;
}

.surname {
width: 50%;
margin-left: .3rem;
}



.content p{
padding-bottom: 0;
}

figure {
width: auto;
}


figcaption {
padding-top: .6rem;
opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

figcaption {
opacity: 1;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}



svg {
display: inline-block;
width: auto;
height: 1.6rem;
margin-right: .4rem;
vertical-align: middle;
line-height: 1;
}

.opened svg, .closed svg {
height: .7rem;
margin-right: 0rem;
}
.links p svg {
height: .7rem;
margin-right: .4rem;
}

.closer svg {
    margin-right: 0rem;
}

.logo svg {
height: 2.8rem;
}


figure img{
max-width: 100%;
max-height: calc(100vh - 12rem);
height: auto;
-o-object-fit: contain;
   object-fit: contain;
-o-object-position: left;
   object-position: left;
}

.project-entry img{
max-width: 80%;
max-height: 16rem;
}



img[data-src] {
opacity: 0;
}

img {
opacity: 1;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
vertical-align: top; 
}



@media screen and (max-width: 75rem) {
.header-nav svg, .project-nav svg {
height: 1.2rem;
}
.opened svg, .closed svg, .links p svg {
height: .6rem;
margin-right: .2rem;
}
}

.information svg path, .information svg polygon {
fill: var(--color-information);
}

.consultation svg path, .consultation svg polygon {
fill: var(--color-konsultation);
}

.consultation svg rect {
fill: white;
}

.cooperation svg path, .cooperation svg polygon {
fill: var(--color-kooperation);
}


.project-entry.past .information svg path, .project-entry.past .information svg polygon  {
fill: var(--color-informationPast);
    -webkit-transition: fill .25s ease;
    -o-transition: fill .25s ease;
    transition: fill .25s ease;
}

.project-entry.past .consultation svg path, .project-entry.past .consultation svg polygon{
fill: var(--color-konsultationPast);
    -webkit-transition: fill .25s ease;
    -o-transition: fill .25s ease;
    transition: fill .25s ease;
}
.project-entry.past .cooperation svg path, .project-entry.past .cooperation svg polygon {
fill: var(--color-kooperationPast);
    -webkit-transition: fill .25s ease;
    -o-transition: fill .25s ease;
    transition: fill .25s ease;
}

.project-entry.past:hover .information svg path, .project-entry.past:hover .information svg polygon  {
fill: var(--color-information);
    -webkit-transition: fill .25s ease;
    -o-transition: fill .25s ease;
    transition: fill .25s ease;
}

.project-entry.past:hover .consultation svg path, .project-entry.past:hover .consultation svg polygon{
fill: var(--color-konsultation);
    -webkit-transition: fill .25s ease;
    -o-transition: fill .25s ease;
    transition: fill .25s ease;
}
.project-entry.past:hover .cooperation svg path, .project-entry.past:hover .cooperation svg polygon {
fill: var(--color-kooperation);
    -webkit-transition: fill .25s ease;
    -o-transition: fill .25s ease;
    transition: fill .25s ease;
}






.information a svg path, .information a svg polygon, .consultation a svg path, .consultation a svg polygon, .cooperation a svg path, .cooperation a svg polygon {
fill: black;
}

.links svg path, .past .links svg path {
fill: black;
}

.col{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}


.col-1{
width: 50%;
padding-right: 1.2rem;
}

.project-entry-detail .col-1 {
padding-right: 0rem;
}

.project-entry-detail .col-1 p {
padding-right: 1.2rem;
}

.col-2{
width: 50%;
padding-left: 1.2rem;
}

.col-full{
width: 100%;
}

.location{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: calc(1.375rem * 1);
width: 100%;
}

main .col-1, main .col-2, main .col-full {
margin-bottom: calc(1.375rem * 1);
}


@media screen and (max-width: 75rem) {
.col-1,
.col-2 {
    width: 100%;
  }

.col-1 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 0rem;
    padding-left: 0rem;
  }

.col-2 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 0rem;
    padding-right: 0rem;
  }


}


header .indent-content, .past-menu .indent-content, .menu .indent-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: column wrap;
        flex-direction: column wrap;
        padding-top: 0;
}

footer .indent-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: column wrap;
        flex-direction: column wrap;
        padding-top: 0;
}


.logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}

footer .logo {
padding-top: .8rem;
}

.header-icon {
  background-color: var(--color-background);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 82.5%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 82.5%, 0% 100%);
  height: 4.4rem;
  width: 3.6rem;
  margin-right: .8rem;
}


.header-container {
position: relative;
}

.header-container .about-opener {
position: absolute;
bottom: 0rem;
right: 1.6rem;
z-index: 999;
padding-left: .4rem;
padding-right: .4rem;
padding-top: .2rem;
padding-bottom: .2rem;
border-left: .1rem solid var(--color-background);
border-right: .1rem solid var(--color-background);
height: 2.5rem;
}

.header-main{ 
border-bottom: .1rem solid var(--color-background);
}

@media screen and (max-width: 75rem) {
.header-icon {
  height: 2.5rem;
  width: 2rem;
  margin-right: .5rem;
}

.header-main{
  width: calc(100vw - 1.2rem);
  margin-right: .6rem;
  border-bottom: 0rem solid var(--color-background);
}

.menu-small {
  border-bottom: .1rem solid var(--color-background);
}

.current-opener, .about-opener, .filter-opener, .search-opener {
border-left: .1rem solid var(--color-background);
}

.about-opener, .search-opener{
border-right: .1rem solid var(--color-background);
margin-right: 0rem;
height: 1.6rem;
}

.menu-small .menu-small-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
margin-left: .6rem;
margin-right: .6rem;
}

footer .indent-content {
display: block;
}

footer .logo {
margin-top: .8rem;
}
}




.header-about {
display: none;
position: relative;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column wrap;
        flex-direction: column wrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
}


.header-about .indent-content {
padding-bottom: calc(1.375rem * 1.5);
  border-bottom: .1rem solid var(--color-background);
    min-height: calc(100vh - 18rem);
}

.current-content {
padding-top: calc(1.375rem * 1);
padding-bottom: calc(1.375rem * 1.5);
min-height: 100vh;
}

.past-content {
display: none;
padding-bottom: calc(1.375rem * 1.5);
min-height: 100vh;
}


nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
vertical-align: middle;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
width: 100%;
}



.header-nav section {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
padding-top: .1rem;
padding-left: .75rem;
padding-right: .75rem;
height: 2.5rem;
 -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
         flex: 1 1 auto;
  min-width: 0;
}

.header-nav section.suche{
 -webkit-box-flex: 0 0 auto;
     -ms-flex: 0 0 auto;
         flex: 0 0 auto;
}



.menu .header-nav nav section {
border-right: .1rem solid var(--color-background);
}



.menu .header-nav nav section:first-of-type {
margin-left: .1rem;
}

.menu .header-nav nav section:last-of-type {
margin-right: 0rem;
}


.header-nav .about-nav {
border-top: .2rem solid white;
}




@media screen and (max-width: 75rem) {
.menu nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu nav section, 
.menu nav .suche {
width: 100%;
height: 1.6rem;
border-bottom: .1rem solid var(--color-background);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.menu nav .suche {
    padding-left: 1rem;
    padding-right: 1rem;
}


.menu .header-nav nav section:first-of-type {
margin-left: 0rem;
}


}







.project-head {
width: calc(100vw - 3.2rem);
 z-index: 9;
background: white;
border-bottom: .1rem solid var(--color-background);
left: 0;
  position: sticky;
  top: 9rem;
  z-index: 10;
}


.impressum {
display: none;
padding-bottom: calc(2 * 1.375rem);
}


.impressum-toggler.open {
  color: black;  
}

.impressum-toggler .open {
display: inline-block;
}

.impressum-toggler .close {
display: none;
}

.impressum-toggler.open .open {
display: none;
}

.impressum-toggler.open .close {
display: inline-block;
}

.impressum-toggler:hover {
cursor: pointer;
color: black;
}


.impressum-head {
width: calc(100vw - 3.2rem);
 z-index: 9;
background: white;
border-bottom: .1rem solid var(--color-background);
left: 0;
  position: sticky;
  top: 7.5rem;
  z-index: 10;
  padding-top: calc(1.375rem * 1);
}



.title-opener {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: bottom;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.spacer-content {
  margin-right: calc(100vw - 44rem);
}
.spacer-left-content {
  margin-left: 136px;
}



@media screen and (max-width: 75rem) {
.project-head {
width: calc(100vw - 1.2rem);
top: calc(5.05rem - 1px);
}
.impressum-head {
width: calc(100vw - 1.2rem);
top: calc(3.625rem - 1px);
}

.width-fixed {
  width: 50%;
}

.suche.width-fixed {
    border-bottom: 1px solid var(--color-background);
width: calc(100vw - 1.3rem);
}

.spacer-left-content {
  margin-left: 54px;
}


}


.project-entry.passive {
pointer-events: none;
cursor: auto;
}

.project-entry.past .project-entry-head p {
color: var(--color-grey);
}
.imprint p, .imprint a {
color: var(--color-grey);
}
.imprint a:hover {
color: black;
}


.project-head .indent-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row wrap;
        flex-direction: row wrap;
padding-left: 1.6rem;
}


.project-head .project-nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 1.6rem;
}
.project-head .project-nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            vertical-align: bottom;
    padding-left: .75rem;
    padding-right: .75rem;
    border-left: .1rem solid var(--color-background);
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
height: 1.8rem;
cursor: pointer;
}
.project-head .project-nav li button, .suche p{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            vertical-align: middle;

}


 

.project-head .project-nav li:last-of-type {
    border-right: .1rem solid var(--color-background);
}



.prev-entry {
position: absolute;
top: 0;
left: 0;
border-top: .1rem solid var(--color-background);
border-right: .1rem solid var(--color-background);
height: 2.225rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
cursor: pointer;
z-index: 9;
background: white;
padding-top: .5rem;
padding-bottom: .5rem;
width: 2.1rem;
padding-left: .4rem;
}

.next-entry {
position: absolute;
top: 0;
left: 2.1rem;
border-top: .1rem solid var(--color-background);
border-right: .1rem solid var(--color-background);
height: 2.225rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
cursor: pointer;
z-index: 9;
background: white;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: .4rem;
width: 2.1rem;
}

.prev-entry:hover, .next-entry:hover {
background: var(--color-background);
cursor: pointer;
}


@media screen and (max-width: 75rem) {
.project-head {
    width: calc(100vw - 1.2rem);
}

.project-head .indent-content {
display: block;
padding-left: .6rem;
}

.project-title h2 {
padding-top: .6rem;
padding-bottom: .2rem;
}
.project-head .project-nav {
    min-width: auto;
    margin-right: .6rem;
    width: calc(100vw - 1.2rem);
}


.project-head .project-nav li {
    padding-left: .25rem;
    padding-right: .25rem;

            height: 1.6rem;
}

.project-head .project-nav .beschreibung-opener {
width: auto;
}

.project-head .project-nav .metadata-opener {
width: auto;
}

.project-head .project-nav .karte-opener {
width: auto;
}


.prev-entry, .next-entry {
height: 2.05rem;
width: 1.95rem;
}

.next-entry {
left: auto;
right: 0rem;
border-left: .1rem solid var(--color-background);
border-right: 0rem solid var(--color-background);
}

}



.project-nav button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; 
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.project-nav button p {
  margin: 0; 
  line-height: 1; 
}


.header-main button {
padding-left: 0rem;
padding-right: 0rem;
height: 100%;
}

.header-nav button {
padding-left: .75rem;
padding-right: .75rem;
}

.formular-opener, .konsultation-opener {
border-right: .1rem solid var(--color-background);
text-align: center;
padding-left: 1.2rem;
padding-right: 1.2rem;
height: 2.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
vertical-align: middle;
width: 20.1rem;
}

footer .formular-opener {
border-left: .1rem solid var(--color-background);
}


button {
cursor: pointer;
}

footer button {
height: 100%;
padding-top: .6rem;
padding-left: .8rem;
padding-right: .8rem;
padding-bottom: .6rem;
}



button.newsletter-button{
width: 8rem;
}

.content button, .links button {
padding-left: .75rem;
padding-right: .75rem;
height: 100%;
padding-top: .5rem;
padding-bottom: .4rem;
border: .1rem solid black;
background: black;
color: white;
margin-top: .6rem;
margin-bottom: 0rem;
}

.content button p {
color: white;
}


.links button {
border: .1rem solid var(--color-background);
background: var(--color-background);
color: black;
}

.project-info-container{
display: none;
}

.project-info-container .indent-content{
padding-bottom: calc(1.375rem * 1);
}



.project-entries-container {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: scroll;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; 
    scrollbar-width: none; 
    -ms-overflow-style: none;
    border-top: .1rem solid var(--color-background);
        cursor: -webkit-grab;
        cursor: grab;
}

.project-entries, .project-entries-container {
position: relative;
}



.menu-opener {
 display: none;
}


.project-entries-container::-webkit-scrollbar {
    display: none;
}

.project-entry {
  width: 26rem;
  padding-right: .8rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; 
  -webkit-transition: opacity .25s ease, width 0.5s ease, background-color .25s ease;
  -o-transition: opacity .25s ease, width 0.5s ease, background-color .25s ease;
  transition: opacity .25s ease, width 0.5s ease, background-color .25s ease;
  padding-bottom: calc(1.35rem * 1);
}





.width-50 {
  width: 42rem;
}

.width-20 {
   width: 20%;
}


.width-25 {
   width: 25%; 
}

.width-fixed {
  width: 20rem;
}

.suche.width-fixed {
  width: 19.9rem;
  border-right: .1rem solid var(--color-background);
}



@media screen and (max-width: 75rem) {
.header-nav button {
padding-left: .25rem;
padding-right: .25rem;
}

.project-entries-container {
    padding-left: .6rem;
    padding-right: .6rem;
}

.width-50 {
  width: calc(100vw - 1.2rem);
}

.formular-opener, .konsultation-opener {
height: 1.6rem;
width: calc(50% + .05rem);
}


}




.metadata{
margin-bottom: 1.375rem;
}


.offset-left {
    margin-left: 4rem;
}


.offset-right {
    margin-right: calc(100vw - 10rem);
}

.today {
  height: 25.25rem;
  border-left: .3rem solid var(--color-background);
  -webkit-transition: height .5s ease;
  -o-transition: height .5s ease;
  transition: height .5s ease;
}

.today p {
padding-top: .6rem;
padding-left: .6rem;
padding-right: 1rem;
}


.today.open {
 height: 41.1rem;
 -webkit-transition: height .5s ease;
 -o-transition: height .5s ease;
 transition: height .5s ease;
}


.project-entry.open {
  width: 44rem;
  cursor: initial;
}


.project-entry.open .project-entry-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-y: scroll;
}

.project-entry.open .project-entry-slider {
padding-top: calc(1.375rem * .5);
}

.project-entry.open .project-entry-text {
padding-top: 1.375rem;
}

.project-entry-detail::-webkit-scrollbar {
  display: none;
}


.links{
margin-bottom: 1.375rem;
}

.category{
display: block;
position: absolute;
top: .4rem;
right: .2rem;
cursor: pointer;
z-index: -1;
}

.loaded .category{
display: none;
}

.closer{
display: none;
}

.loaded .closer{
position: absolute;
top: 0;
right: 0;
display: block;
cursor: pointer;
margin-top: .3rem;
}

.content .closer{
display: block;
cursor: pointer;
margin-top: .4rem;
margin-right: .4rem;
top: 0;
right: 0;
position: absolute;
}



.project-entry .col-1{
width: 100%;
position: relative;
}

.project-entry-head {
border-left: .1rem solid var(--color-background);
height: 2.125rem;
}

main p span, main h1 span, main h2 span, main h3 span {
margin-right: .6rem;
}


li span:first-of-type {
margin-right: 1.2rem;
}


.header-main .indent-content  {
padding-top: 1rem;
padding-left: .8rem;
padding-bottom: .8rem;
}

.menu .indent-content {
padding-top: 0rem;
}

.project-entry-head .indent-content{
padding-top: .6rem;
padding-bottom: .4rem;
padding-left: 1rem;
padding-right: 0rem;
}

.project-entry-container .indent-content{
padding-left: .8rem;
padding-right: .6rem;
padding-top: 0rem;
padding-bottom: 0rem;
}

.project-entry-container {
    background-color: blue;
    color: white;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
    height: 20rem;
    transition: 
        clip-path .25s ease,
        -webkit-clip-path .25s ease,
        background-color .25s ease;
    position: relative;
}



.project-entry-container:hover,
.open .project-entry-container {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}


.project-entry-title h3 {
width: 21.5rem;
padding-top: .8rem;
padding-bottom: .4rem;
z-index: 9;
color: white;
}

.loaded .project-entry-title h3 {
width: auto;
color: black;
}

.loaded .project-entry-title {
width: 100%;
}

.project-entry-subtitle p {
color: white;
}

.loaded .project-entry-subtitle p {
color: black;
}

.project-entry-subtitle .short {
    width: 19.5rem;
}

.project-entry-subtitle .full {
  display: none;
}

.project-entry-subtitle .short {
  display: block;
}

.loaded .project-entry-subtitle .short {
  display: none;
}

.loaded .project-entry-subtitle .full {
  display: block;
}


.project-entry-container:hover, .open .project-entry-container {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.loaded .project-entry-container {
height: 39rem;
  }

.loaded .project-entry-container {
  background-color: white;
    color: black;
}

.project-entry-detail{
display: none;
opacity: 0;
-webkit-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease;
}

.project-entry-detail-title {
padding-top: .8rem;
padding-bottom: .6rem;
}

.open .project-entry-detail {
display: block;
}


.project-entry.width-0, .project-entry.open.width-0 {
  width: 0; 
  padding: 0;
  margin: 0;
  overflow-x: auto;
  white-space: nowrap; 
}


.hidden {
opacity: 0;
  overflow-x: auto;
  white-space: nowrap; 
    scrollbar-width: none;
  -ms-overflow-style: none;
}


.hidden p, .hidden h1, .hidden h2, .hidden h3 {
visibility: hidden;
}



.loaded .project-entry-detail {
opacity: 1;
}


.loaded .project-entry-detail {
opacity: 1;
}

.project-entries-container {
opacity: 0;
-webkit-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease;
}

.project-entries-container.ready {
opacity: 1;
-webkit-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease;
}

@media screen and (max-width: 55rem) {
.project-entry{
width: calc(100vw - 3.8rem);
height: auto;
}

.project-entry.open{
width: calc(100vw - 3.8rem);
height: auto;
}
}

@media screen and (max-width: 75rem) {
.header-main .indent-content {
padding-top: .8rem;
padding-left: .6rem;
padding-right: 0rem;
padding-bottom: .4rem;
}
.project-entry{
width: 22rem;
}

.project-entry-container {
    height: 16rem;
}


.project-entry-title h3 {
width: 16rem;
}

.project-entry-title h3 {
-webkit-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.today {
  height: 20rem;
}


.loaded .project-entry-container {
height: auto;
  }

.project-entry-head {
height: 2rem;
}

}




.project-entry .information {
background-color: var(--color-information);
padding: .2rem;
cursor: pointer;
}


.project-entry .consultation {
background-color: var(--color-konsultation);
padding: .2rem;
cursor: pointer;
}

.project-entry .cooperation {
background-color: var(--color-kooperation);
padding: .2rem;
cursor: pointer;
}

.project-entry.past .information {
background-color: var(--color-informationPast);
}

.project-entry.past .consultation {
background-color: var(--color-konsultationPast);
}
.project-entry.past .cooperation {
background-color: var(--color-kooperationPast);
}


.project-entry.past:hover .information {
background-color: var(--color-information);
}

.project-entry.past:hover .consultation {
background-color: var(--color-konsultation);
}
.project-entry.past:hover .cooperation {
background-color: var(--color-kooperation);
}

.project-entry.past.loaded .cooperation {
background-color: white;
-webkit-transition: background-color .25s ease;
-o-transition: background-color .25s ease;
transition: background-color .25s ease;
}

.project-entry.past.loaded .information {
background-color: white;
-webkit-transition: background-color .25s ease;
-o-transition: background-color .25s ease;
transition: background-color .25s ease;
}

.project-entry.past.loaded .consultation {
background-color: white;
-webkit-transition: background-color .25s ease;
-o-transition: background-color .25s ease;
transition: background-color .25s ease;
}


.passive .information {
  background: -o-linear-gradient(top, var(--color-information) 0%, var(--color-information) 40%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-information)), color-stop(40%, var(--color-information)), to(transparent));
  background: linear-gradient(to bottom, var(--color-information) 0%, var(--color-information) 40%, transparent 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.passive .consultation {
  background: -o-linear-gradient(top, var(--color-konsultation) 0%, var(--color-konsultation) 40%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-konsultation)), color-stop(40%, var(--color-konsultation)), to(transparent));
  background: linear-gradient(to bottom, var(--color-konsultation) 0%, var(--color-konsultation) 40%, transparent 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.passive .cooperation {
  background: -o-linear-gradient(top, var(--color-kooperation) 0%, var(--color-kooperation) 40%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-kooperation)), color-stop(40%, var(--color-kooperation)), to(transparent));
  background: linear-gradient(to bottom, var(--color-kooperation) 0%, var(--color-kooperation) 40%, transparent 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.past.passive .information {
  background: -o-linear-gradient(top, var(--color-informationPast) 0%, var(--color-informationPast) 40%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-informationPast)), color-stop(40%, var(--color-informationPast)), to(transparent));
  background: linear-gradient(to bottom, var(--color-informationPast) 0%, var(--color-informationPast) 40%, transparent 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.past.passive .consultation {
  background: -o-linear-gradient(top, var(--color-konsultationPast) 0%, var(--color-konsultationPast) 40%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-konsultationPast)), color-stop(40%, var(--color-konsultationPast)), to(transparent));
  background: linear-gradient(to bottom, var(--color-konsultationPast) 0%, var(--color-konsultationPast) 40%, transparent 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.past.passive .cooperation {
  background: -o-linear-gradient(top, var(--color-kooperationPast) 0%, var(--color-kooperationPast) 40%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-kooperationPast)), color-stop(40%, var(--color-kooperationPast)), to(transparent));
  background: linear-gradient(to bottom, var(--color-kooperationPast) 0%, var(--color-kooperationPast) 40%, transparent 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}


.loaded .information {
border: .2rem solid var(--color-information);
padding: 0;
cursor: initial;
background: white;
}

.loaded .consultation {
border: .2rem solid var(--color-konsultation);
padding: 0;
cursor: initial;
background: white;
}
.loaded .cooperation {
border: .2rem solid var(--color-kooperation);
padding: 0;
cursor: initial;
background: white;
}

.past.passive.loaded .information, .past.passive.loaded .consultation, .past.passive.loaded .cooperation {
background: white;
}  

.icon {
  background: var(--color-background);
  width: 1.8rem;
  height: 2.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: .6rem;

    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 82.5%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 82.5%, 0% 100%);
}

.title-opener .icon {
  width: 1.8rem;
  height: 2.3rem;
  margin-top: .4rem;
}


.marker .icon {
  margin-right: 0rem;
}

.active {
background: var(--color-background);
}

.passive .icon {
  background: black;
}

.passive:hover .icon {
  background: var(--color-background);
}

.icon p {
      padding-top: 25%;
    text-align: center;
  vertical-align: middle;
}

.passive .icon p {
color: white;
}

.passive:hover .icon p{
color: black;
}


.indent{
margin-left: 1.6rem;
margin-right: 1.6rem;
border-left: .2rem solid var(--color-background);
}

header .indent{
border-left: 0rem solid var(--color-background);
}

footer .indent{
border-left: 0rem solid var(--color-background);
margin-right: .6rem;
}


.header-nav.indent {
border-left: .1rem solid var(--color-background);
}



.indent-content {
position: relative;
padding-top: 1.2rem;
padding-left: .8rem;
}

.project-head.indent {
margin-left: 0rem;
margin-right: 0rem;
width: 100vw;
border-left: 0rem solid white;
}


.past-opener-container {
width: calc(100vw - 3.2rem);
border-left: .2rem solid var(--color-grey);

}



@media screen and (max-width: 75rem) {

.indent{
margin-left: .6rem;
margin-right: .6rem;
}

.indent-content{
padding-top: .8rem;
padding-left: .6rem;
}
.project-head.indent {
border-left: 0px solid white;
}

.project-title {
width: calc(100vw - 1.2rem);
}


.title-opener  {
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
}


.title-opener .icon {
    min-width: 1.4rem;
  width: 1.4rem;
  max-width: 1.4rem;
  height: 1.8rem;
}

footer .indent{
margin-right: .6rem;
}


}

header .header-main .indent-content {
padding-left: 0rem;
padding-top: 0rem;
}

footer .indent-content {
padding-left: 0rem;
padding-top: 0rem;
border-top: .1rem solid var(--color-background);
}



.header-nav .indent-content {
padding-left: 0rem;
}

.top-0 {
padding-top: 0rem;
}


.map-content {
  overflow: hidden;
  margin-bottom: 1.375rem;
    z-index: 1;
  position: relative;
}

.map{
width: 100%;
height: 50vh;
opacity: 0;
}

.map.ready{
opacity: 1;
  -webkit-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  transition: opacity .25s linear;
}


.marker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}




.footer-main{
    min-height: 8rem;
  width: 100%;
  padding-top: calc(1.375rem * 2);
}



.formular {
width: calc(50vw - 1.6rem);
}

.formular .content {
display: none;
  position: relative; 
  padding: .8rem;
  background-color: var(--color-background);
  border: 1px solid var(--color-background);
margin-bottom: calc(1.375rem * 3);
position: relative;
padding-bottom: calc(1.375rem * 1.5);
-webkit-animation: fadein .5s ease-in;
        animation: fadein .5s ease-in;
}



@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.past-menu {
 z-index: 999;
}



.carousel{
width: 100%;
margin-right: 1.25rem;
 -webkit-transition: height .5s;
 -o-transition: height .5s;
 transition: height .5s;
}


@media screen and (max-width: 75rem) {
.formular {
width: calc(100vw - 1.2rem);
}
}




.switch {
  width: 32px;
  height: 20px;
  border: 1px solid black;
  border-radius: 10px;
  background-color: black;
  position: relative;
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.toggle {
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 1px;
  -webkit-transition: left 0.2s linear, background-color 0.2s ease-in-out;
  -o-transition: left 0.2s linear, background-color 0.2s ease-in-out;
  transition: left 0.2s linear, background-color 0.2s ease-in-out;
}

.bw-modus-opener.active .toggle {
  left: calc(100% - 2px - 16px);
}

@media screen and (max-width: 75rem) {
  .switch {
    width: 24px;
    height: 15px;
    border-radius: 7.5px;
  }

  .toggle {
    width: 12px;
    height: 11px;
    top: 1px;
    left: 1px;
  }

  .bw-modus-opener.active .toggle {
    left: calc(100% - 2px - 12px);
  }
}

.goverlay {
background: rgba(255,255,255,.95) !important;
}

.swiper-notification, .swiper-pagination {
display: none !important;
}

.gprev, .gclose, .gnext {
background: none !important;
}

.swiper-button-next {
right: 0 !important;
}

.swiper-button-next::after, .swiper-button-prev::after {
color: black!important;
width: 1.5rem!important;
height: 1.5rem!important;
font-size: 1.5rem!important;
}

.glightbox-clean .gnext {
right: 1.2rem!important;
}

.glightbox-clean .gnext {
right: 1.2rem!important;
}

.glightbox-clean .gclose {
right: 1.2rem;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0 !important;
}

.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
fill: black !important;
}

.gclose.disabled, .gnext.disabled, .gprev.disabled {
opacity: 0 !important;
}

.gslide-image img, .gslide-image img.zoomable {
max-height: calc(100vh - 4rem) !important;
max-width: calc(100vw - 1.2rem) !important;
}
.glightbox-clean .gslide-description {
background: none !important;
position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  max-width: 100% !important;
}

.glightbox-clean .gdesc-inner {
padding: .75rem !important;
}

.glightbox-clean .gslide-title {
color: black!important;
text-align: center!important;
margin-bottom: 0!important;
font-family: Farrari Semi Bold!important;
font-size: .9rem!important;
line-height: 122%!important;
letter-spacing: .005rem!important;
}

.glightbox-clean .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

@media screen and (max-width: 75rem) {
.glightbox-clean .gnext {
right: .6rem !important;
}

.glightbox-clean .gnext {
right: .6rem !important;
}

.glightbox-clean .gclose {
top: .6rem;
right: .6rem;
}

}


.small-only {
display: none;
}
.big-only {
display: block;
}

@media screen and (max-width: 75rem) {
.big-only {
display: none;
}
.small-only {
display: block;
}
.filter, .search {
display: none;
}
}



body.bw-modus .project-entry .information, body.bw-modus .project-entry .consultation, body.bw-modus .project-entry .cooperation {
background: black;
}

body.bw-modus .project-entry.loaded .information, body.bw-modus .project-entry.loaded .consultation, body.bw-modus .project-entry.loaded .cooperation {
background: white;
}
body.bw-modus .passive .information {
  background: -o-linear-gradient(top, black 0%, black 40%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(40%, black), to(transparent));
  background: linear-gradient(to bottom, black 0%, black 40%, transparent 100%); 
}

body.bw-modus .passive .consultation {
  background: -o-linear-gradient(top, black 0%, black 40%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(40%, black), to(transparent));
  background: linear-gradient(to bottom, black 0%, black 40%, transparent 100%);
}


body.bw-modus .passive .cooperation {
  background: -o-linear-gradient(top, black 0%, black 40%, transparent 100%);
  batrckground: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(40%, black), to(transparent));
  background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(40%, black), to(transparent));
  background: linear-gradient(to bottom, black 0%, black 40%, transparent 100%);
}


body.bw-modus .icon {
background: black;
color: white;
}

body.bw-modus .formular-opener p, body.bw-modus .icon p {
color: white;
}

body.bw-modus .passive .icon, 
body.bw-modus .active,
body.bw-modus .active button {
background: black;
color: white;
}

body.bw-modus .past-menu nav .active button, body.bw-modus .content {
background-color: white;
color: black;
}

body.bw-modus .passive .icon p {
color: black;
}

body.bw-modus .passive:hover .icon {
  background: black;
}

body.bw-modus .passive:hover .icon p{
color: white;
}


body.bw-modus button.active {
color: white;
}

body.bw-modus .links button {
background: black;
color: white;
}


body.bw-modus .loaded .formular .content {
background: white;
}

body.bw-modus * {
  border-color: black !important;
}

body.bw-modus .bw-modus-opener {
    background: none;
}

body.bw-modus .switch {
  background-color: white;
}

body.bw-modus .toggle, body.bw-modus .header-icon{
  background-color: black;
}

body.bw-modus .menu svg path, body.bw-modus .menu svg polygon, body.bw-modus .category svg path, body.bw-modus .category svg polygon {
fill: black;
}


body.bw-modus .closer svg path {
fill: black;
}

.bw-modus-opener {
    background: none;
}

body.bw-modus .content{
background: black;
}

body.bw-modus .content p{
color: white;
}

body.bw-modus .content svg path{
fill: white;
}

body.bw-modus button[type="submit"] {
background: white;
}

body.bw-modus button[type="submit"] p {
color: black;
}


body.bw-modus .active input {
background: black;
color: white;
border-color: white;
}

body.bw-modus button:hover  {
cursor: pointer;
background: black;
}

body.bw-modus .prev-entry:hover, body.bw-modus .next-entry:hover {
background: black;
}

body.bw-modus .prev-entry:hover svg path, body.bw-modus .next-entry:hover svg path {
fill: white;
}


body.bw-modus nav section:hover, body.bw-modus .project-nav li:hover{
background: black;
}

body.bw-modus main a.active p, body.bw-modus .active button p  {
color: white;
}

body.bw-modus .active p {
color: white;
}


body.bw-modus main button:hover, body.bw-modus main a:hover p, body.bw-modus button:hover p  {
color: white;
}

body.bw-modus .formular-opener:hover, body.bw-modus nav section:hover p, body.bw-modus .project-nav li:hover p{
color: white;
}


button.bw-modus-opener:hover, body.bw-modus button.bw-modus-opener:hover {
background: white;
}

body.bw-modus .project-entry.past:hover .information {
background-color: black;
}

body.bw-modus .project-entry.past:hover .consultation {
background-color: black;
}
body.bw-modus .project-entry.past:hover .cooperation {
background-color: black;
}

body.bw-modus .project-entry.past.open.loaded:hover .information {
background-color: white;
}

body.bw-modus .project-entry.past.open.loaded:hover .consultation {
background-color: white;
}
body.bw-modus .project-entry.past.open.loaded:hover .cooperation {
background-color: white;
}


body.bw-modus .project-entry.past .information svg path, body.bw-modus .project-entry.past .information svg polygon  {
fill: black;
}

body.bw-modus .project-entry.past .consultation svg path, body.bw-modus .project-entry.past .consultation svg polygon{
fill: black;
}
body.bw-modus .project-entry.past .cooperation svg path, body.bw-modus .project-entry.past .cooperation svg polygon {
fill: black;
}

body.bw-modus .project-entry.past:hover .information svg path, body.bw-modus .project-entry.past:hover .information svg polygon  {
fill: black;
}

body.bw-modus .project-entry.past:hover .consultation svg path, body.bw-modus .project-entry.past:hover .consultation svg polygon{
fill: black;
}
body.bw-modus .project-entry.past:hover .cooperation svg path, body.bw-modus .project-entry.past:hover .cooperation svg polygon {
fill: black;
}