body {
    background:#505055;
    color:white;
}

header ul a::after {
    content:"";
}

.imgbox { margin-top:0; }

.button {
    border:1px solid white;
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.5);
    white-space:nowrap;
}

aside,section {
    margin:0; padding:0;
    display:inline-block;
    vertical-align:top;    
}

a,a:visited {
    color:white;
}

#filters {
    margin-left:128px;
    margin-right:32px;
    line-height:150%;
    width:calc((100% - 256px) / 5 - 34px);
}

#filters h2 {
    margin:0;
    padding:0;
}

#filters .filter {
    cursor:pointer;
    white-space:nowrap;
}

section {
    width:calc((100% - 256px) / 5 * 4);
}

.sector3 a {
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}

#sorry {
    text-align:center;
    font-size:200%;
    line-height:150%;
    opacity:0.666;
}

header .fa-bars {
    display:none;
    position:absolute;
    top:16px;
    right:16px;
}

.copy.fa-check {
    background:#badc05;
    color:#404045;
}

#lustaufprintShade {
    background:rgba(0,0,0,0.5);
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1025;
}

#lustaufprintOverlay {
    background:rgba(255,255,255,0.9);
    color:black;
    position:fixed;
    top:112px;
    left:64px;
    right:64px;
    bottom:64px;
    z-index:1026;
    padding:16px;
    overflow:auto;
}

#lustaufprintClose {
    z-index:1027;
    position:fixed;
    top:64px;
    right:64px;
    font-size:32px;
    color:white;
    cursor:pointer;
}

#lustaufprintOverlay .tags a,#lustaufprintOverlay .tags a:visited {
    background:#404045;
    color:white;
    text-decoration:none;
    font-size:80%;
    padding:4px 8px; 
    margin-right:0.5em;
    border-radius:8px;
    margin-bottom:4px;
    display:inline-block;
    white-space:nowrap;
}

#lustaufprintOverlay .tags a:hover,
#lustaufprintOverlay a.button:hover {
    background:#404045;
}

#lustaufprintOverlay .tags a:hover {
    opacity:0.8;
}

#lustaufprintOverlay img {
    float:left;
    display: block;
    margin-right:32px;
    margin-bottom:32px;
}

label {
    padding:8px 8px 8px 0;
    width:8em;
    display:inline-block;
    vertical-align:top;
}

input {
    padding:8px;
    width:15em;
}

input.button {
    width:auto;
    cursor: pointer;
}


@media only screen and (max-width: 1600px) {
    #filters,section {
        width:calc(100% - 64px);
        margin-left:64px;
    }

    header .fa-bars {
        display:block;
    }
}

@media only screen and (max-width: 1156px) {
    .sector3 {
        width:calc(100% - 64px);
    }
}

@media only screen and (max-width: 799px) {
    #filters {
        width:calc(100% - 128px);
        margin-top:64px;
        margin-bottom:-64px;
        border-bottom:1px solid white;
    }
    section {
        margin-top:96px;
    }
    .sector3 .imgbox {
        height:50vw;
    }

    #lustaufprintOverlay {
        top:64px;
        left:16px;
        right:16px;
        bottom:16px;
    }
    
    #lustaufprintClose {
        z-index:1027;
        position:fixed;
        top:16px;
        right:16px;
    }
}