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

/* Layout 1 */
@media screen and (min-width:500px){
.layout-1 .ce-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
.layout-1 .image {
    margin: 0 6px 6px 0;
}
.layout-1 img {
	box-shadow:rgba(0,0,0,0.62) 3px 3px 4px;
	border-radius: 5px;
	margin: 20px 7px 7px 0;
    max-width: 100%;
    height: auto;
}

/* Layout 2 Pinnwand*/
.layout-2 {
	padding: 0 25px;
	background:rgba(121,171,43,0.62);
	border: #fff 6px solid;
	border-radius: 5px;
	box-shadow:rgba(0,0,0,0.62) 3px 3px 4px;
	margin-bottom: 25px;
}

.layout-2 img {
	box-shadow:rgba(0,0,0,0.62) 3px 3px 4px;
	border-radius: 5px;
	margin: 0 8px 8px 0;
	max-width: 100%;
	height: auto;
	position: relative;
}



/* Layout 3 */
.layout-3 {
	text-align: center;
	font-size: 0.8rem;
	color: #666;
}

.layout-3 img {
	max-width: 100%;
	height:auto;
}


/* Layout 4 */
.layout-4 img {
	box-shadow:rgba(0,0,0,0.62) 3px 3px 4px;
	border-radius: 5px;
	margin: 0 8px 8px 0;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}

.layout-2 .ce-row, .layout-4 .ce-row {
	background-color: transparent;
	display: -webkit-box;
  	display: -moz-box;
 	display: -ms-flexbox;
  	display: -webkit-flex;
	display: flex;		
}

.layout-4 .ce-media {
	padding-right: 8px;
}

.layout-2 .ce-column figure, .layout-4 .ce-column figure {
	padding-right: 8px;
}

.layout-2 .ce-column, .layout-4 .ce-column{
	-webkit-box-flex: 1;
   -moz-box-flex: 1; 
   width:10%; 
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

/* Layout 5 */
.layout-5 img {
	width: 100%;
	height: auto;
}