.bilderstrecke_slidein {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    background-color: #2F2D2B;
    overflow-x: hidden;
    padding: 30px 0 0 10px;
    transition: 0.3s ease-out;
}

.bilderstrecke a:hover {
    color: #f1f1f1;
}

.bilderstrecke_closebutton {
    position: fixed;
}

.bilderstrecke a:link.bilderstrecke_closebutton {
	color: white;
	font-size: 36px;
}

.bilderstrecke_title_image {
	z-index: 3;
	cursor: pointer;
}

.bilderstrecke_title {
	z-index: 4;
	font-weight: bold;
}

.bilderstrecke_slidein_title {
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2em;
}

.bilderstrecke_item {
	float:left;
	color: white;
	margin: 0 2em 0.5em 2em;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.bilderstrecke_items > *:not(:last-child) .bilderstrecke_item_divider {
	width: 100%;
	margin-right: 1em;
	margin-bottom: 1em;
	border-bottom: dotted 1px #dddddd;
}

.bilderstrecke_sub_item:nth-child(1) {
	flex: 2 0 250px;	
}

.bilderstrecke_sub_item:nth-child(2) {
	flex: 1 0 250px;	
}

.bilderstrecke_sub_item {
	margin: 0 1em 1em 0;
}

.bilderstrecke_item_title {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.body_bilderstrecke_noscroll {
    overflow: hidden !important;
	display:hidden;
}

.bilderstrecke_stretch {
	margin: 10000px;
}