#header {
     display: block;
     width: 100%;
 }

 body{
    min-height:100svh;
 }
 #dill-logo {
     min-height: 80px;
     min-width: 80px;
     z-index: 9;
     background: transparent;
     background-image: url("p/dill-logo.svg");
     background-repeat: no-repeat;
     display: block;
     background-size: contain;
     pointer-events: none;
 }

 #dill-logo a {
     pointer-events: all;
 }

 body.project-detail #dill-logo,
 body.project-grid #dill-logo {
     /* background: transparent; */
     background-image: url("p/dill-logo-s.svg");
 }

 #page-title {
     z-index: 10;
 }

 .grid .tile:not(.tile-project) .rollover {
     background-position: center 40px;
 }
 .pswp__top-bar{
    z-index:9;
 }

 .project-carousel .carousel-cell a {
     pointer-events: none;
 }

 .pswp__button:before {
     display: none;
 }

 .pswp__button--arrow--left,
 .pswp__button--arrow--right {
     height: 100vh;
     top: 0px;
    z-index:2;
 }

 .pswp__button {
     opacity: 1;
 }

 .pswp__button--arrow--left {
     left: 0;
     cursor: url('p/pfeil-gelb-rechts.svg') 24 24, url('p/pfeil-gelb-rechts-sm.svg') 16 16, url('p/pfeil-gelb-rechts.png') 16 16, pointer;
 }

 .pswp__button--arrow--right {
     right: 0;
     cursor: url('p/pfeil-gelb-links.svg') 24 24, url('p/pfeil-gelb-links-sm.svg') 16 16, url('p/pfeil-gelb-links.png') 16 16, pointer;
 }
#homepage-carousel{
    height:100svh;
    z-index:0;
 }
 #footer, #nav_2{
    z-index:2;
 }
 .homepage-carousel .captions-wrap .caption{
    position:absolute; 
    bottom:0px;
    /* left: 6vw; */
    opacity:0;
    transition:opacity 0.4s ease-in-out;
    padding:0 6vw;
    box-sizing:border-box;
    /* white-space: nowrap; */
    width:100%;
 }
 .homepage-carousel .captions-wrap .active{
    opacity:1;
 }
 .homepage-carousel .captions-wrap{
    position:absolute; 
    bottom: 110px;
    color:#fff;
    z-index:3;
    font-size:8vw;
    line-height:1.1;
    font-weight:bold;
    pointer-events:none;
    width:100%;
 }
 #nav{
    z-index:5;
 }

 @media all and (min-width:541px) {
     .project-carousel .flickity-button {
         display: none;
     }

     .project-carousel .carousel-cell a {
         pointer-events: all;
     }
 }

 @media (max-width: 540px) {
        .homepage-carousel .captions-wrap{
            bottom:80px;
            font-size:14vw;
        }
     .column+.pswp+.column {
         margin-top: 1em;
     }
 }