@charset "utf-8";
/* CSS Document */

/*------------------ Slider------------------------*/


main {
	background: transparent;
	border-color: transparent;
}

#gallery {
	position: relative;
	background: none;
	border: none;
}

#gallery img{
	max-width: 1100px;
	width:100%;
}
#gallery img{
	max-width: 1100px;
	width:100%;
	
}



#gallery figure {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-animation: wechseln 15s infinite;
	animation: wechseln 15s infinite;
}

#gallery_2 {
	position: relative;
	background: none;
	border: none;
	top:60px;

	
}

#gallery_2 img{
	max-width: 200px;
	width:100%;
	margin-left:20px;
	
	border-radius:0px;
	-webkit-box-shadow: 4px 4px 4px -3px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 4px -3px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 4px -3px rgba(0,0,0,0.2);
}


#gallery_2 figure {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-animation: wechseln 15s infinite;
	animation: wechseln 15s infinite;
}


#gallery figcaption {
	position: absolute;
	left: 1em;
	font-size: 2em;
	font-weight: bold;
	bottom: 0.5em;
	z-index: 2;
	color: white;
}

@keyframes wechseln {
	0% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	92% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes wechseln {
	0% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	92% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

#gallery figure:nth-of-type(2) {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}

#gallery figure:nth-of-type(1) {
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}


#gallery_2 figure:nth-of-type(2) {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}

#gallery_2 figure:nth-of-type(1) {
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}




/*------------------ Galerie------------------------*/

* {
    box-sizing: border-box;
}


body {
  
 
    background-color:transparent;
    margin: 0;
    
}


#expandedImg {
 -webkit-animation: fadein 1s linear forwards;
    animation: fadein 1s linear forwards;
}
 
.column  {
 -webkit-animation: fadein 1s linear forwards;
    animation: fadein 1s linear forwards;
}

img {
    
-webkit-box-shadow: 2px 2px 12px -1px rgba(10,41,12,0.78);
-moz-box-shadow: 2px 2px 12px -1px rgba(10,41,12,0.78);
box-shadow: 2px 2px 12px -1px rgba(10,41,12,0.78);
-webkit-border-radius:6px;
-moz-border-radius: 6px;
border-radius:6px;
	-webkit-animation: fadein 1s linear forwards;
    animation: fadein 1s linear forwards;

}



/* The grid: Four equal columns that floats next to each other */
.column {
    
    width:80%!important;
    padding: 10px;
	max-width:550px
	
}

/* Style the images inside the grid */
.column img {
    opacity: 0.8;
    cursor: pointer;
    max-width: 80px;
   
    
    margin: 10px;
   
}


.column img:hover {
    opacity: 1;
	
  
    background-color: #fff;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.contaner {
    position: relative;
    display: none;
	    
}

/* Expanding image text */
#imgtext {
    
    position: absolute;
	line-height: 12px;
	color: #626262!important;
	font-size:12px!important;
	font-style: italic;
		min-height:70px;
    bottom: -20px;
    left: 0px !important;
    color: #0d240f;
    font-size: 11px;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	

}

.font{
	
	color:#666;
	
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond,            "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	}

/* Closable button inside the expanded image */
.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
	display:none;
}


img{transition: all 0.5s ease-in;}

@media screen and (max-width: 991px) and (min-width: 500px) {
#expandedImg{
    
    width: 80%!important;
   
    { from {opacity: .4} 
  to {opacity: 1}}

   
}

}

@media screen and (max-width: 992px) {
	
	
#gallery_2 {
	position: relative;
	background: none;
	border: none!important;
	top:0px;

	
}

#gallery img{


	 height:auto!important;
}





}
@media screen and (max-width: 400px) {
.column img {
    
    max-width: 70px;
	border-radius:none!important;
   
    

   
}

}
@media screen and (max-width: 500px) {
.column img {

    max-width: 50px;
    margin: 5px;
}

#expandedImg{

    max-width: 350px;
    margin: 5px;
	position:relative;
	left:-20px;
	-webkit-animation: fadein 4s linear forwards;
    animation: fadein 4s linear forwards;
}
}



@media screen and (min-width: 768px) and (max-width: 992px) {
#gallery img{
	max-width: 1100px;
	width:120%;
	height:550px;
	
}

}





@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}