#alternativImage {
	width:100%;
}
.gallery {
	/* height wird im Javascript gesetzt */
	overflow:hidden;
	text-align:center;
}
.gallery img { /* update */
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative; /* wird per JS NACH dem Laden in absolute gesetzt, sonst kann aber die Höhe nicht bestimmt werden */
	left:0px;
	display:inline;
}
.galleryNav {
	font-size:1.7em;
	font-weight:bold;
	cursor:pointer;
}
.galleryNav .icon {
	width:25px;
}

.bildunterschrift
{
}
	
.inline {
	display:inline;
}
.transparent {
	opacity:0;
	height:0px !important;
}
.transparent_anim {
	opacity:0;
	height:0px !important;
 	transition:opacity 0.5s linear;  
}
.solid {
	opacity:1;
	height:auto !important;
}
.solid_anim {
	opacity:1;
	height:auto !important;
	transition:opacity 0.5s linear;  
}
.gallery slider
{	height: auto;}

/* customizing */
.texte {
	padding-top:40px;
	padding-left:4%;
	position:absolute;
	font-size:2.4em;
	white-space:nowrap;
	text-align:left;
	line-height:1.3em;
	z-index:2;
	background-color:white;
	height:200px;
}
.texte:after {
	content:' ';
	height:200px;
	width:200px;
	background-image:url('/images/background/dreieck_weiss.png');
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:-200px;
	display:inline-block;
}

.gallery dt { /* update */
	/* breite und höhe wird per JS gesetzt */
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.imagegallery {
	text-align:left;
}
.imagegallery ul {
	list-style-type:none;
	margin-top:20px;
}
.imagegallery li {
	display:inline-block;
	cursor:pointer;
	width:18.5%;
	padding:0;
	margin:0 2%;
}

.imagegallery li:first-child {
	margin-left:0 !important;
	margin-right:10px !important;
	width: 15px;
	vertical-align:top;
	padding-top:4%;
}
.imagegallery li:first-child + li  {
	margin-left:0 !important;
}
.imagegallery li:nth-last-child(2) {
	margin-right:0 !important;
}
.imagegallery li:last-child {
	margin-right:0 !important;
	margin-left:3px !important;
	width:15px;
	vertical-align:top;
	padding-top:4%;
}

.imagegallery li:first-child img, 
.imagegallery li:last-child img {
	width:100%;
}

.imagegallery .box {
}
.imagegallery .box img {
	width:100%;
}
.imagegallery .pfeillinks {
	background-image:url('/images/icons/left.png');
	background-repeat:no-repeat;
	background-size:90%;
	background-position:50%;
	width:30px;
	cursor:pointer;
}
.imagegallery .pfeilrechts {
	background-image:url('/images/icons/right.png');
	background-repeat:no-repeat;
	background-size:90%;
	background-position:50%;
	width:30px;
	cursor:pointer;
}
.imagegallery dl {
	padding-left: 26px;
	padding-right: 6%;
}


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

	.imagegallery li:first-child, .imagegallery li:last-child {
		width: 20px;
	}
}

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

	.imagegallery li:first-child, .imagegallery li:last-child {
		width: 15px;
	}
		
}	@media only screen and (min-width: 1100px ) {

	.imagegallery li:first-child, .imagegallery li:last-child {
		width: 20px;
	}
}