.angieslider {
	margin: 0;
	padding: 0;
}

.angieslider .slides {
	display: block;
	position: relative;
	overflow: hidden;
	/*  max-width:1980px;*/
	margin:0 auto;
	list-style-type: none;

}


.angieslider ul.slides
{display:grid}

.angieslider .slides > li  {
	margin: 0;
	padding: 0;
	width:100%;
	opacity: 0;
	animation-name: fade;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	left: 0;
	right: 0;
	z-index: 0;
grid-row:1;
grid-column:1



}
.angieslider .slides  img
{object-fit: cover}

.angieslider .slides  .contentbox

{  box-sizing: border-box;
	hyphens: none ;
	background: #c00;
	color: #fff;
	padding: 30px 20px;
	left:0;
	top:0;
	position: relative;


}

.angieslider .slides   .innercontent
{


	color:#fff
}


.angieslider .slides   .innercontent h1,
.angieslider .slides  .innercontent h2,
.angieslider .slides   .innercontent h3,
.angieslider .slides   .innercontent h4,
.angieslider .slidesi  .innercontent p,
.angieslider .slides >.innercontent a

{color:#fff}



.angieslider .slides  .innercontent h2 {

	display: block;
	font-size: 2em;
	 margin: 0;
	font-weight: 400;
	color: #eee;
	font-family: frutiger, arial, sans-serif;
}



.angieslider .slides   .innercontent h2 span {
	display: block;
	font-family: frutigerbold,arial,sans-serif;
	font-size: .8em;
	text-transform: uppercase;
}



@keyframes fade {
	0% {
		opacity: 0.3;
	}
	/** fadeIn beginnt            **/
	11.11% {
		opacity: 1;
	}
	/** Bild steht                **/
	33.33% {
		opacity: 1;
	}
	/** Bild bleibt zwei Sekunden **/
	44.44% {
		opacity: 0;
	}
	/** fadeOut beendet           **/
	100% {
		opacity: 0.3;
	}
}


@media screen and (min-width:680px) {

	.angieslider .slides  .contentbox

	{  box-sizing: border-box;
		hyphens: none ;
		z-index: 100 ;
		height: 230px;
		background: #c00;
		color: #fff;
		max-width: 30em;
		padding: 70px;
		text-align: left;
		-ms-transform: rotate(-8deg);
		-webkit-transform: rotate(-8deg);
		transform: rotate(-8deg);
		top: -30px;
                left:-30px;
		position:absolute


	}

}