/* REFERENCES */
.references {
	margin-top: 0em;
	padding: 2em 10em 15em;
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
}

.references h2 	{	display: none; }
.references h3 	{	display: none; }

.references .dialog img {
	width: 99%;
	height: auto;
}

.references .tabelle {
	margin-top: 2em;
	width: 100%;
	display: inline-block;
}

.references .tabelle .spalte {
	display: inline-block;
	width: 15.5%;
}

.references .tabelle .spalte img {
	width: 100%;
	height: auto;
}


.references .button-wrap button.trigger {
	padding: 2.1em 0em 0em 0em;
	background: #fff;
	color: #fff;
	border: none;
}

.references p {
	padding: 2em 0em 0em 0em;
	color: #000;
	opacity: 1.0;
	font-size: 1.0em;
	font-weight: 300;
	line-height: 1.7;
	text-align: left;
}

.references .big {
	padding: 2em 0em 0em 0em;
	color: #000;
	opacity: 1.0;
	font-size: 1.0em;
	font-weight: 300;
	line-height: 1.7;
	text-align: justify;
}


.references .small {
	color: #000;
	opacity: 1.0;
	font-size: 1.0em;
	font-weight: 300;
	line-height: 1.3;
	text-align: justify;
}

.references strong {
	color: #940715;
	opacity: 1.0;
	font-size: 1.0em;
	font-weight: 400;
	line-height: 1.7;
}



/* POPUP-BUTTONS REFERENCES*/

.references button {
	padding: 1em 0em;
	outline: none;
	font-weight: 400;
	border: none;
	color: #fff;
	background: #fff;
	font-size: 1.0em;
}

.references button.trigger {
	padding: 1em 0em 0em 0em;
	background: #edebeb;
	color: #fff;
	border: none;
}

.references .dialog,
.references .dialog__overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.references .dialog {
	position: absolute;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	pointer-events: none;
}

.references .dialog img {
	width: 70%;
	height: auto;
}

.references .dialog__overlay {
	position: fixed;
	z-index: 100;
	background: rgba(168, 18, 29, 0.93);
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.references .dialog--open .dialog__overlay {
	opacity: 1;
	pointer-events: auto;
}

.references .dialog__content {
	width: 60%;
	top: 10px;
	background: #fff;
	left: 20%;
	padding: 4em;
	text-align: center;
	position: fixed;
	z-index: 701;
	opacity: 0;
}

.references .dialog--open .dialog__content {
	pointer-events: auto;
}

/* Content */

.refclose {
	position: absolute;
	top: 0%;
	right: 0%;
}

.references .dialog h2 {
	padding: 1em;
	margin: 0em;
	text-align: center;
	font-weight: 300;
	color: #000;
}

.references .dialog__overlay {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.references .dialog.dialog--open .dialog__content,
.references .dialog.dialog--close .dialog__content {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.references .dialog.dialog--open .dialog__content {
	-webkit-animation-name: anim-open;
	animation-name: anim-open;
	-webkit-animation-timing-function: cubic-bezier(0.6,0,0.4,1);
	animation-timing-function: cubic-bezier(0.6,0,0.4,1);
}

.references .dialog.dialog--close .dialog__content {
	-webkit-animation-name: anim-close;
	animation-name: anim-close;
}

@-webkit-keyframes anim-open {
	0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); }
}

@keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
}


/* BACKGROUND AFTER REFERENCES */
.homepage_background5 {
		background: url('../../content/img/homepage_background_05.jpg') no-repeat center center; 
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover; 
		background-attachment: fixed; 
		padding: 250px 0;
		margin-bottom: 100px; }

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 1 , iPhone 2-4S 320 x 480 px,  Anpassungen Design 320 x 480 px */ 
/* 	-------------------------------------------------------------------------------------------------- */

@media 	screen and (device-width: 320px) and (device-height: 480px) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 320px) and (height: 480px) { 
			.references 					{ 	margin-top: 0em; padding: 4.5em 1.5em 1.5em; max-width: 320px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 31%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }
	
@media 	screen and (device-width: 320px) and (device-height: 480px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 480px) and (height: 320px) { 
			.references 					{ 	margin-top: 0em; padding: 1.0em 4.5em 4.5em; max-width: 480px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 15.5%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }	
													
/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 2 , iPhone 5 320 x 568 px,  Anpassungen Design 320 x 568 px */ 
/* 	-------------------------------------------------------------------------------------------------- */
	
@media 	screen and (device-width: 320px) and (device-height: 568px) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 320px) and (height: 568px) { 	
			.references 					{ 	margin-top: 0em; padding: 4.5em 1.5em 1.5em; max-width: 320px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 31%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }				

@media 	screen and (device-width: 320px) and (device-height: 568px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 568px) and (height: 320px) { 
			.references 					{ 	margin-top: 0em; padding: 1.0em 4.5em 4.5em; max-width: 568px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 50%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 15.5%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }	

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 3 , iPhone 6 375 x 667 px,  Anpassungen Design 375 x 667 px */ 
/* 	-------------------------------------------------------------------------------------------------- */
	
@media 	screen and (device-width: 375px) and (device-height: 667px) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 375px) and (height: 667px) { 
			.references 					{ 	margin-top: 0em; padding: 4.5em 1.5em 1.5em; max-width: 375px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 31%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }
		
@media 	screen and (device-width: 375px) and (device-height: 667px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 667px) and (height: 375px) { 
			.references 					{ 	margin-top: 0em; padding: 1.0em 4.5em 4.5em; max-width: 667px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 50%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 15.5%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 4 , iPhone 6Plus 414 x 736 px,  Anpassungen Design 414 x 736 px */ 
/* 	-------------------------------------------------------------------------------------------------- */
	
@media 	screen and (device-width: 414px) and (device-height: 736px) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 414px) and (height: 736px) { 
			.references 					{ 	margin-top: 0em; padding: 4.5em 1.5em 1.5em; max-width: 414px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 31%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }
		
@media 	screen and (device-width: 414px) and (device-height: 736px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 736px) and (height: 414px) { 
			.references 					{ 	margin-top: 0em; padding: 1.0em 4.5em 4.5em; max-width: 736px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 50%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 15.5%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 5 , z. B. Samsung Galaxy S3 320x640,  Anpassungen Design 320 x 640 px */ 
/* 	-------------------------------------------------------------------------------------------------- */
	
@media 	screen and (device-width: 320px) and (device-height: 640px) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 320px) and (height: 640px) { 
			.references 					{ 	margin-top: 0em; padding: 4.5em 1.5em 1.5em; max-width: 320px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 31%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }
		
@media 	screen and (device-width: 320px) and (device-height: 640px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 640px) and (height: 320px) { 
			.references 					{ 	margin-top: 0em; padding: 1.0em 4.5em 4.5em; max-width: 640px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 15.5%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }	

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 6 , Samsung Galaxy S5, Sony xperia Z3 360x640,  Anpassungen Design 360 x 640 px */ 
/* 	-------------------------------------------------------------------------------------------------- */
	
@media 	screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 360px) and (height: 640px) { 	
			.references 					{ 	margin-top: 0em; padding: 4.5em 1.5em 1.5em; max-width: 360px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 31%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }
			
@media 	screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 640px) and (height: 360px) { 
			.references 					{ 	margin-top: 0em; padding: 1.0em 4.5em 4.5em; max-width: 640px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 15.5%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }	

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 7 , Samsung Galaxy S2, ASUS WIN-PHONE 320 x 533 px,  Anpassungen Design 320 x 533 px */ 
/* 	-------------------------------------------------------------------------------------------------- */
	
@media 	screen and (device-width: 320px) and (device-height: 533px) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 320px) and (height: 533px) { 								
			.references 					{ 	margin-top: 0em; padding: 4.5em 1.5em 1.5em; max-width: 320px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 31%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }
			
@media 	screen and (device-width: 320px) and (device-height: 533px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 533px) and (height: 320px) { 	
			.references 					{ 	margin-top: 0em; padding: 1.0em 4.5em 4.5em; max-width: 533px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 15.5%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 8 , Blackberry 8300 320 x 240 px,  Anpassungen Design 320 x 533 px */ 
/* 	-------------------------------------------------------------------------------------------------- */
	
@media 	screen and (device-width: 320px) and (device-height: 240px) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 320px) and (height: 240px) { 		
			.references 					{ 	margin-top: 0em; padding: 4.5em 1.5em 1.5em; max-width: 320px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 31%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }
			
@media 	screen and (device-width: 320px) and (device-height: 240px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 240px) and (height: 320px) { 	
			.references 					{ 	margin-top: 0em; padding: 4.5em 1.5em 1.5em; max-width: 240px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 31%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 80%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }		

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 9 , iPad 1024x768,  Anpassungen Design 1024 x 768 px */ 
/* 	-------------------------------------------------------------------------------------------------- */

@media 	screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 768px) and (height: 1024px) { 
			.references 					{	margin-top: 0em; padding: 2em 7em 4em; max-width: 1500px; margin-right: auto; margin-left: auto;}
			.references .tabelle .spalte 	{	display: inline-block; width: 31%;}
			.references .dialog 			{	position: fixed; display: -webkit-flex; display: flex; -webkit-align-items: center; left: 0px;
									top: 0px; align-items: center; -webkit-justify-content: center; justify-content: center;
									pointer-events: none;}
			.references .dialog__overlay 	{	position: absolute; }
			.references .dialog__content 	{	width: 60%; top: 10px; background: #fff; left: 20%; padding: 4em; text-align: center; position: fixed;
									z-index: 701; opacity: 0;}
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
											-webkit-background-size: cover; 
											-moz-background-size: cover; 
											-o-background-size: cover; 
											background-size: cover; 
											background-attachment: fixed;
											padding: 250px 0;
											margin-bottom: 100px;} }
									
@media 	screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 1024px) and (height: 768px) {
			.references 			{	margin-top: 0em; padding: 2em 8em 4em; max-width: 1500px; margin-right: auto; margin-left: auto;}
			.references .dialog 	{
				position: fixed;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				left: 0px;
				top: 0px;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
				pointer-events: none;}
				.references .dialog__overlay {
				position: absolute;}
				.references .dialog__content {
				width: 60%;
				top: 10px;
				background: #fff;
				left: 20%;
				padding: 4em;
				text-align: center;
				position: fixed;
				z-index: 701;
				opacity: 0;}
.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
									-webkit-background-size: cover; 
									-moz-background-size: cover; 
									-o-background-size: cover; 
									background-size: cover; 
									background-attachment: fixed;
									padding: 250px 0;
									margin-bottom: 100px;} }

/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Fucking-Android-Bug */ 
/* 	-------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1080px) and (-webkit-device-pixel-ratio:3) and (orientation : portrait) {
				.references 					{ 	margin-top: 0em; padding: 4.5em 1.5em 1.5em; max-width: 360px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 31%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }
			
@media only screen and (max-width: 1920px) and (-webkit-device-pixel-ratio:3) and (orientation : landscape) {
			.references 					{ 	margin-top: 0em; padding: 1.0em 4.5em 4.5em; max-width: 640px; margin-right: auto; margin-left: auto; }	
			.references p 					{	text-align: justify; }
			.references img 				{ 	width: 60%; height: auto; }	
			.references .tabelle .spalte 	{ 	width: 15.5%; }	
			.references .tabelle 			{	margin-top: 0em; }
			.references .dialog__content 	{ 	width: 98%; height: 98%; top: 1%; left: 1%; overflow-x: scroll; z-index: 1010; padding-left: 2em; 
												padding-right: 2em;}
			.refclose 						{ 	background: #000; width: 80px; height: 80px; right: 2%;}	
			.refclose img 					{ 	width: 100%; height: auto; }
			.homepage_background5 			{	background: url('../../content/img/homepage_background_05.jpg') no-repeat top left; 
												-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
												background-size: cover; background-attachment: fixed; padding: 100px 0; margin-bottom: 50px;} }