body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
*,
*:before,
*:after {
        -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.ce_gallery {
    text-align:center;
}
body {
margin:0;
 background-color:#000;
    font-family:'Open Sans Condensed',sans-serif;
        -webkit-transition: all 0.5s; /* Safari */
        transition: all 0.5s;

}
body.on {
    background-color:#fff;
}

.schauwerk span {display: inline-block; border: 0px rgba(255,255,255,1.75) solid; margin: 0 auto; padding: 50px; margin: 25px;}
.schauwerk img {overflow:hidden;}
.schauwerk img.landscape {max-width:900px; width:100%; height:auto;padding-bottom: 120px;}
.schauwerk img.portrait {max-height:900px; width:auto !important; height:100%;}

@media only screen and (max-width: 750px) {
.schauwerk span {display: inline-block; padding: 25px 50px; margin: 0px;}
.schauwerk img.landscape {padding-bottom: 0px;}
.schauwerk img.portrait {max-height:900px; height:auto !important;}
.schauwerk {margin-top: 40px !important;}
}


.space img {margin-bottom:80px;}

.bar {
width: 260px;
margin: 0 auto;
}
.lights {
float: left;
}
.back a {
float: right;
}
.lights,
.back a {
display: inline-block;
width: 49%;
text-align: center;
margin: 0 auto;
color: #fff;
border: 1px solid rgba(255,255,255,0.5);
padding: 2px 5px;
        -webkit-transition: all 0.5s; /* Safari */
        transition: all 0.5s;
        cursor: pointer;
text-transform: lowercase;
}
.lights:after {
content: " an";
}
.lights.on,
.back.on a {
color: #000;
border: 1px solid rgba(0,0,0,0.5);    ;
}
.lights.on:after {
content: " aus";
}
a {
    text-decoration:none;
    color:#fff;
}
h1,
h3 {
display:block;
text-align:center;
line-height: 44px;
font-size:36px;
color:#fff;
 margin: 50px 0px 10px 0px;
font-weight: 200 !important;
text-transform: uppercase;
        -webkit-transition: all 0.75s; /* Safari */
        transition: all 0.75s;
}
h3 {
 margin: 25px 0px 30px 0px;
}
p.back {
display: none;
}
body.on h1 {
color:#000;
}
body.home {
background-color:#ccc;
background: url("../../files/ThomasBruttel/basics/thomas-bruttel.jpg") no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
#wrapper {
position:relative;
margin: 20px auto;
text-align: center;
}



#cboxOverlay {
background: #000;
opacity: 1 !important;
}
.on #cboxOverlay {
background: #fff;
opacity: 1 !important;
}
#cboxCurrent {
display: none;
}

#cboxWrapper,
#cboxLoadedContent,
#cboxMiddleLeft {
border: 0px !important;
padding: 0px !important;
background: transparent !important;
}

#lbCenter {
}

.justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > figure > .caption {
    display: none !important;
 }

 button:focus {
    outline: none;
    }

.layout_latest a,
h2 a {
-webkit-transition: all 0.35s; /* Safari */
transition: all 0.35s;
}
h2 a {
    width: 100%;
    bottom: 25px;
    left:0;
    position:absolute;
    display:block;
    padding-right:3%;
    text-align:right;
    border:0px;
    text-decoration:none;
    text-transform:  uppercase;
    color:rgba(255,255,255,.45);
    font-weight: 200;
    padding-bottom: 0px;
    -webkit-transition: all 0.5s; /* Safari */
        transition: all 0.5s;
}
.layout_latest a:hover ~ h2 a,
h2 a:hover {
color:rgba(255,255,255,1);
}

.layout_latest {
    width:auto;
    position:relative;
    display:block;
    margin: 0px 8px 0px 8px;
    overflow: hidden;
}
.mod_newsarchive   {
display: inline-grid;
grid-template-columns: auto auto auto auto auto;
}
.mod_newsarchive.big   {
display: inline-grid;
grid-template-columns: auto auto auto;
}
@media screen and (max-width: 1600px) {
.mod_newsarchive   {
display: inline-grid;
grid-template-columns: auto auto auto auto;
}
.mod_newsarchive.big   {
display: inline-grid;
grid-template-columns: auto auto auto;
}
}
@media screen and (max-width: 1000px) {
.mod_newsarchive   {
display: inline-grid;
grid-template-columns: auto auto auto;
}
.mod_newsarchive.big   {
display: inline-grid;
grid-template-columns: auto auto;
}
}
@media screen and (max-width: 650px) {
.mod_newsarchive,
.mod_newsarchive.big   {
display: inline-grid;
grid-template-columns: auto;
}
}

.layout_full    {
text-align: center;
}
.ce_gallery   {
max-width: 2500px;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
width: 100%;
}
.ce_gallery  a  {
position: relative;
}
img.zoom {
        -webkit-animation-name: zoom; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
        animation-name: zoom;
        animation-duration: 0.5s;
}
.exif {
display: block;
position: absolute;
bottom: 0;
left: 0;
color: #fff !important;
text-align: left;
background: rgba(0,0,0,0.0);
height: auto;
padding: 0;
width: 100%;
}
a .exif {
-webkit-transition: all 0.3s; transition: all 0.3s;
}
a:hover .exif {
background: rgba(0,0,0,0.5);
}
.exif ul,
.exif ul li  {
padding: 0 !important;
margin: 0;
list-style-type: none;
}
.exif ul  {
padding: 5px 5px 5px 5px !important;
}
.exif ul li  {
opacity: 0;
font-size: 0;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.exif ul li.name  {
opacity: 0.35;
font-size: 14px;
}
a:hover .exif li {
opacity: 0.75;
font-size: 14px;
text-shadow: none !important;
}


@media only screen and (min-width: 500px) {
@keyframes zoom {
        from {opacity: 0; }
        to {opacity: 1; }
}
@-webkit-keyframes zoom {
        from {opacity: 0; }
        to {opacity: 1; }
}
}




@media only screen and (max-width: 500px) {
#wrapper {

}
.ce_gallery img {
}
h1, h3 {
  font-size:30px;
}
h1 {
margin-bottom:-40px;
}

#galery a {

}


}

/*!
 * justifiedGallery - v3.7.0
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2018 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
  filter: "alpha(opacity=10)";
  opacity: 0.1;
  margin: 0;
  padding: 0;
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption,
.justified-gallery > figure > .caption {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: 300;
  font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible,
.justified-gallery > figure > .caption.caption-visible {
  display: initial;
  filter: "alpha(opacity=70)";
  opacity: 0.7;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  -o-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.justified-gallery > .entry-visible {
  filter: "alpha(opacity=100)";
  opacity: 1;
  background: none;
}
.justified-gallery > .entry-visible > img,
.justified-gallery > .entry-visible > a > img {
  filter: "alpha(opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  -o-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.justified-gallery > .jg-filtered {
  display: none;
}
.justified-gallery > .spinner {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0 10px 0;
  left: 50%;
  filter: "alpha(opacity=100)";
  opacity: 1;
  overflow: initial;
}
.justified-gallery > .spinner > span {
  display: inline-block;
  filter: "alpha(opacity=0)";
  opacity: 0;
  width: 8px;
  height: 8px;
  margin: 0 4px 0 4px;
  background-color: #000;
  border-radius: 6px;
}