.video {  margin:220px 0 0 -520px; }

#content p		{ margin-top:0; padding:10px 0;}
#content ul	{ margin:0 0 0 25px;}

.marken { text-align:center; margin:10px 0 0;}
.marken img { margin:0 7px 15px;}

#start-description { float:right; width:100%;}
/*------------------------------*/

.scrollable {

	/* required settings */
	float:left; position:relative;
	overflow:hidden;
	width:230px;
	margin-top:20px;
	left:35px;	
	height:630px; background:;
	border:0px solid #f0f0f0;}
 

.scrollable .items {
	/* this cannot be too large */
	height:20000em;
	position:absolute;}

.items DIV.group {
	float:left; text-align:left;
	width:100%;height:630px}

.group Div { width:100%; text-align:left; height:210px; /*background:url('../images/schatten_quer_klein.png') center bottom no-repeat*/ }


a.browse {
	float:left;
	margin-top:0px;
	display:block;
	width:23px;
	height:30px;	
	cursor:pointer;
	font-size:1px;}


/* right */
a.right				{ float:right; background: url('../images/runter.png') center no-repeat; } 
a.right:hover  		{ background: url('../images/runter.png') center no-repeat }


/* left */
a.left				{ background: url('../images/hoch.png') center no-repeat} 
a.left:hover  		{ background: url('../images/hoch.png') center no-repeat }


.navi {	
	float:left;
	width:50px;
	height:40px;
	text-align:center;
	position:relative;
	top:0px; left:105px;
	text-align:center;	}



@media screen and (max-width:889px) {
	div#content { padding:0 0 150px 0;}
	#content .flright.pure-u-md-10-24  { width:100%;}
	.video {  margin:10px 0;}
	#content .video iframe { float:left!important; margin:10px 0; max-width:100%;}
	#content .flleft.pure-u-md-13-24 { width:100%;}
	
	.flexslider .slides img {max-width: 100%!important;max-height: 100%!important;width: 100%;}
	#carousel {
	margin: 0 0 20px 0;
	max-width: 100%!important;
	position:relative!important;
}
}

@media screen and (max-width:767px) {
	
	
}