*{margin:0;padding:0;}
body{font-family: 'PT Sans Narrow', sans-serif;font-size:100%; color:#555;}
h1,h2,h3,h4,h5,h6{font-family: 'PT Sans Narrow', sans-serif;}
h1{padding:20px;}
h2{margin-bottom:7px;border-bottom:1px solid #555;}
p{margin-bottom:15px;padding-right:20px;font-weight:400;font-size:16px;line-height:1.5em;}
p i{color:#aaa;font-size:90%;}
p a{color:darkslateblue;}
img{max-width:100%;display:block;}
.more{background-color:#ddd;border-radius:7px;padding:8px 12px;color:#555;text-decoration: none;}
.container{
    width:100%;
    margin: auto;
}
.clear_30{clear:both;height:30px;}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;}
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;}


.images{width:calc(100% - 20px);display:inline-block;margin:10px;vertical-align: top;}
.item{ width:calc(100% - 4px);margin:2px;position:relative;overflow:hidden;}
.historie{width:calc(100% - 40px);display:inline-block;margin:20px;vertical-align: top;}
.galerie .masonry{margin:20px 0;width:calc(100% - 40px);}
.galerie .masonry img{width:100%;}

/* more than 480px */
@media only screen and (min-width: 30em){
    .galerie .masonry{margin:20px;width:calc(100% - 40px);}
    .galerie .masonry .item{ width:calc(50% - 18px);}
}

/* more than 544px */
@media only screen and (min-width: 34em){
    .item{ width:calc(50% - 4px);margin:2px;position:relative;overflow:hidden;}
    .galerie .masonry{margin:20px;width:calc(100% - 20px);}
}

/* more than 650px*/
@media only screen and (min-width: 40.625em){
    .galerie .masonry .item{ width:calc(33% - 15px);}
}

/* more than 700px*/
@media only screen and (min-width: 42.5em){
    .item{width:calc(33% - 4px);margin:2px;position:relative;overflow:hidden;}
}

/* more than 750px */
@media only screen and (min-width: 750px){
    .galerie .masonry .item{ width:calc(25.2% - 12px);}
}

/* more than 850px */
@media only screen and (min-width: 55.00em){
    .item{width:calc(25% - 10px);margin:2px;position:relative;overflow:hidden;}
    .item.half{width:calc(50% - 17px);}
}

/* more than 980px */
@media only screen and (min-width: 980px){ 
    .images{width:60%;display:inline-block;margin:0 -4px 0 0;vertical-align: top;}
    .historie{width:40%;display:inline-block;margin:0 -4px 0 0;vertical-align: top;}
    .item{ width:calc(50% - 12px);margin:2px;position:relative;overflow:hidden;}
}

/* more than 1024px */
@media only screen and (min-width: 1024px){
    
    .item{width:calc(33% - 10px);margin:2px;position:relative;overflow:hidden;}
    .item.half{width:calc(33% - 10px);}
    .galerie .masonry .item{ width:calc(20.25% - 12px);}
}

/* more than 1200px */
@media only screen and (min-width: 1200px){
    
    .item{width:calc(25% - 10px);margin:2px;position:relative;overflow:hidden;}
    .item.half{width:calc(50% - 17px);}
    .galerie .masonry .item{ width:calc(17% - 12px);}
}

/* more than 1260px */
@media only screen and (min-width: 1260px){
    .galerie .masonry .item{ width:calc(12.85% - 12px);}
}