a {text-decoration:none; color: #333;}
body {
    color:#333 !important;
    background-size: cover;
    font-size: 1.8vh;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #6a8096 url(https://d32odw1frluegp.cloudfront.net/252/3111/dakjsz.jpg);
    background-repeat: no-repeat;
    
}
.gallery {padding: 3.2vh}
.tile > div.video > .serviceicon,
.tile > div.hasimage > .serviceicon {
    color:#fff;
} 
#morebtn {
    background: transparent;
    color: white;
    position: relative;
}
#out1 { position:relative;}

#out1:before,
#morebtn:after {
    content:"";
    height:2px;
    width:100%;
    display:block;
    background: #004d9d !important;
    position: absolute;
    top: 0;
}




div.tile > div.facebook,  
div.tile > div.instagram, 
div.tile > div.youtube,   
div.tile > div.twitter,
div.tile > div { 
    background-color: #fff; 
    border: 0.2vw #004d9d  solid;
}

div.tile > div.hasimage > img, div.tile > div.hasimage > video, div.tile > div.hasimage > iframe {
    max-height: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: top left;
    position: absolute;
    top: 0;
    left: 0;
}

div.tile > div.hasimage.image > img {
    max-height: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.gallery > div.tile > div > div.text, .gallery > div.tile#s1:hover > div > div.text{
    position: absolute;
    bottom: 2em;
    left: 0;
    padding: 0 1vw;
}
div.tile > div > div.info {
    padding: 0.2em 1vw 0.6em;
}
.gallery > .tile#s1 > div.hasimage > iframe, .gallery > .tile#s1 > div.hasimage > video {
    max-height: 100% !important;
    height: 100% !important;
}
.tile .noimage .text {
    font-size: 1.8em;
    line-height: 1.2em;
}

.tile .noimage .text.small {
    font-size: 1.2em;
    line-height: 1.2em;
}





.gallery {
  height: 100vh;
  max-height: 62.5vw; /* 1280x800 */
  max-width: 160vh; /*Seitenverhältnis erzwingen*/
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-areas:
        "a1 a2 a3 a4"
        "a1 a2 a3 a4"
        "a5 a6 a7 a8"
        "a5 a6 a7 a9";
  grid-gap: 3.2vh;
  background-size: cover;
  background-attachment: center;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);;
  left: 50%;
  position:absolute;
}
.tile {display: block!important;}
.tile#s10, .tile#s11, .tile#s12 {display: none!important;}
.tile .text {font-size: unset; line-height: unset}

.hasimage .text > span, .info > span {font-size: 85%; background: #d1d7e3b0; line-height:1em; padding: 0 0.5em;
-webkit-box-decoration-break: clone;
  box-decoration-break: clone;}

/*  img.fg {filter: contrast(0.9) brightness(0.9) }  */

.tile#s8 .info, .tile#s8 .text, .tile#s9 .info, .tile#s9 .text {display: none !important;}
#s4 img {
    object-fit: contain;
    background: #292f45;
    object-position: 0px 3em !important;
    filter: none;
}

.tile#s8 .serviceicon {display: none;}
.tile#s8 img, .tile#s9 img {object-position: center; filter: none}

.serviceicon {
  color: white !important;
/*  text-shadow: 
  0.25vw 0.25vw 0.25vw #004d9d80, 
  0.25vw -0.25vw 0.25vw #004d9d80, 
  -0.25vw 0.25vw 0.25vw #004d9d80, 
  -0.25vw -0.25vw 0.25vw #004d9d80;
  */
}