/* in2slideshow - Content elements "Images", "Text/Images" with "Indentation & Frames" = "Slideshow" */

/* Containers */
.in2slideshow {
	position: relative;
	max-width: 100%;
	margin-bottom: 20px;
}

.in2slideshow .ce-gallery,
.in2slideshow .ce-textpic .ce-outer,
.in2slideshow .ce-textpic .ce-inner,
.in2slideshow .ce-textpic.ce-intext.ce-right .ce-galery,
.in2slideshow .ce-textpic.ce-intext.ce-right.ce-nowrap .ce-galery,
.in2slideshow .ce-textpic.ce-intext.ce-left .ce-galery,
.in2slideshow .ce-textpic.ce-intext.ce-left.ce-nowrap .ce-galery
{
	max-width: 100% !important;
}

.in2slideshow .image {
	position: relative;
}

.in2slideshow .ce-gallery div div {
	position: relative;
	margin-bottom: 20px;
}

.in2slideshow .ce-gallery div div div {
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 20px;
}

.in2slideshow .ce-gallery div div div:first-child {
	position: relative;
}

/* Override defaults */
.in2slideshow .ce-gallery[data-ce-columns="1"] .ce-column {
    width: 100%;
	max-width: none;
}
.in2slideshow  div.ce-column {
    margin-right: 0;
}

/* Text layers, common rules */
.in2slideshow .image-caption,
.in2slideshow.active .image:hover:before {
	position: absolute;
	width: 96%;
	padding: 5px 2%;
	background: #000;
	color: #fff;
	font-size: .9em;
	font-style: normal;
	text-shadow: 1px 1px .5px rgba(0,0,0,.8), -1px 1px .5px rgba(0,0,0,.8), -1px -1px .5px rgba(0,0,0,.8), 1px -1px .5px rgba(0,0,0,.8);
}

/* Caption */
.in2slideshow .image-caption {
	display: block;
	bottom: 0;
	opacity: .6;
	margin-top: 0;
}

html.cssgradients .in2slideshow .image-caption  {
	opacity: 1;
	background: transparent linear-gradient(to top, rgba(0,0,0,0.5), rgba(255,0,0,0));
	width: 100%;
	box-sizing: border-box;
}

/* Pause indicator */
.in2slideshow.active .image:before {
	content: "angehalten...";
	display: none;
}

.in2slideshow.active .image:hover {
	position: relative;
}

.in2slideshow.active .image:hover:before {
	text-align: center;
	display: block;
	z-index: 5;
	top: 0;
	left: 0;
}

html[lang=en] .in2slideshow.active .image:hover:before { content: "paused…"; }

html.cssgradients .in2slideshow.active .image:hover:before {
	background: transparent linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(255,0,0,0));
}