

.topmetanav 		{	position: absolute; width: 100%; z-index: 1001; top: 1.65em; right: 1em; }

.topnav_news 		{ 	position: absolute; z-index: 2000; right: 13%; top: 1.5%; }
.topnav_linkedin	{	position: absolute; z-index: 2000; right: 9%; top: 1.5%; }
.topnav_facebook 	{	position: absolute; z-index: 2000; right: 5%; top: 1.5%; }
.topnav_twitter 	{	position: absolute; z-index: 2000; right: 1%; top: 1.5%; }


/* INTRO SLIDESHOW */

.header {
	width: 100%;
	height: auto;
	float: right;
}

.cb-slideshow,
.cb-slideshow:after { 
    position: relative;
    width: 100%;
    min-height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow:after { 
    content: '';
}
.cb-slideshow li span { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
	float: right;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 60s linear infinite 0s;
    -moz-animation: imageAnimation 60s linear infinite 0s;
    -o-animation: imageAnimation 60s linear infinite 0s;
    -ms-animation: imageAnimation 60s linear infinite 0s;
    animation: imageAnimation 60s linear infinite 0s; 
}

.cb-slideshow li span {
	display: block;
	width: 100%;
}

.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #940715;
    -webkit-animation: titleAnimation 60s linear infinite 0s;
    -moz-animation: titleAnimation 60s linear infinite 0s;
    -o-animation: titleAnimation 60s linear infinite 0s;
    -ms-animation: titleAnimation 60s linear infinite 0s;
    animation: titleAnimation 60s linear infinite 0s; 
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(../../content/img/main_background01.jpg);
 }
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../../content/img/main_background02.jpg);
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../../content/img/main_background03.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../../content/img/main_background04.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../../content/img/main_background05.jpg);
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../../content/img/main_background06.jpg);
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	background-image: url(../../content/img/main_background01.jpg); }


/* 	-------------------------------------------------------------------------------------------------- */
/*	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) { 
			.cb-slideshow, .cb-slideshow:after 			{ 	min-height: 480px;	}
			.cb-slideshow li span 						{	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/ip4_back01.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/ip4_back02.jpg); background-position: 0px 0px;
   															background-size: 320px auto; background-repeat: no-repeat;	}
			.cb-slideshow li:nth-child(3) span 			{  	background-image: url(../../content/img/ip4_back03.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/ip4_back04.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/ip4_back05.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/ip4_back06.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat;}}
											
@media 	screen and (device-width: 320px) and (device-height: 480px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 480px) and (height: 320px) { 													
			.cb-slideshow,	.cb-slideshow:after 		{ 	min-height: 320px;	}
			.cb-slideshow li span 						{ 	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/ip4_back01q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/ip4_back02q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(3) span 			{ 	background-image: url(../../content/img/ip4_back03q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/ip4_back04q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/ip4_back05q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/ip4_back06q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}}
															
/* 	-------------------------------------------------------------------------------------------------- */
/*	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) { 
			.cb-slideshow, .cb-slideshow:after 			{ 	min-height: 568px;	}
			.cb-slideshow li span 						{	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/ip5_back01.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/ip5_back02.jpg); background-position: 0px 0px;
   															background-size: 320px auto; background-repeat: no-repeat;	}
			.cb-slideshow li:nth-child(3) span 			{  	background-image: url(../../content/img/ip5_back03.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/ip5_back04.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/ip5_back05.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/ip5_back06.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat;} }
													

@media 	screen and (device-width: 320px) and (device-height: 568px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 568px) and (height: 320px) { 	
			.cb-slideshow,	.cb-slideshow:after 		{ 	min-height: 320px;	}
			.cb-slideshow li span 						{ 	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/ip5_back01q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/ip5_back02q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(3) span 			{ 	background-image: url(../../content/img/ip5_back03q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/ip5_back04q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/ip5_back05q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/ip5_back06q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;} }
			
/* 	-------------------------------------------------------------------------------------------------- */
/*	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) { 
			.cb-slideshow, .cb-slideshow:after 			{ 	min-height: 667px;	}
			.cb-slideshow li span 						{	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/ip6_back01.jpg); background-position: 0px 0px;
    														background-size: 375px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/ip6_back02.jpg); background-position: 0px 0px;
   															background-size: 375px auto; background-repeat: no-repeat;	}
			.cb-slideshow li:nth-child(3) span 			{  	background-image: url(../../content/img/ip6_back03.jpg); background-position: 0px 0px;
    														background-size: 375px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/ip6_back04.jpg); background-position: 0px 0px;
    														background-size: 375px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/ip6_back05.jpg); background-position: 0px 0px;
    														background-size: 375px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/ip6_back06.jpg); background-position: 0px 0px;
    														background-size: 375px auto; background-repeat: no-repeat;} }
		
@media 	screen and (device-width: 375px) and (device-height: 667px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 667px) and (height: 375px) { 
			.cb-slideshow,	.cb-slideshow:after 		{ 	min-height: 375px;	}
			.cb-slideshow li span 						{ 	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/ip6_back01q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/ip6_back02q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(3) span 			{ 	background-image: url(../../content/img/ip6_back03q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/ip6_back04q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/ip6_back05q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/ip6_back06q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;} }

/* 	-------------------------------------------------------------------------------------------------- */
/*	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) { 
			.cb-slideshow, .cb-slideshow:after 			{ 	min-height: 736px;	}
			.cb-slideshow li span 						{	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/ip6p_back01.jpg); background-position: 0px 0px;
    														background-size: 414px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/ip6p_back02.jpg); background-position: 0px 0px;
   															background-size: 414px auto; background-repeat: no-repeat;	}
			.cb-slideshow li:nth-child(3) span 			{  	background-image: url(../../content/img/ip6p_back03.jpg); background-position: 0px 0px;
    														background-size: 414px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/ip6p_back04.jpg); background-position: 0px 0px;
    														background-size: 414px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/ip6p_back05.jpg); background-position: 0px 0px;
    														background-size: 414px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/ip6p_back06.jpg); background-position: 0px 0px;
    														background-size: 414px auto; background-repeat: no-repeat;} }
		
@media 	screen and (device-width: 414px) and (device-height: 736px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 736px) and (height: 414px) { 
			.cb-slideshow,	.cb-slideshow:after 		{ 	min-height: 414px;	}
			.cb-slideshow li span 						{ 	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/ip6p_back01q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/ip6p_back02q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(3) span 			{ 	background-image: url(../../content/img/ip6p_back03q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/ip6p_back04q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/ip6p_back05q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/ip6p_back06q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;} }
															
/* 	-------------------------------------------------------------------------------------------------- */
/*	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) { 
			.cb-slideshow, .cb-slideshow:after 			{ 	min-height: 640px;	}
			.cb-slideshow li span 						{	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/320_back01.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/320_back02.jpg); background-position: 0px 0px;
   															background-size: 320px auto; background-repeat: no-repeat;	}
			.cb-slideshow li:nth-child(3) span 			{  	background-image: url(../../content/img/320_back03.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/320_back04.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/320_back05.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/320_back06.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat;}}
    																
@media 	screen and (device-width: 320px) and (device-height: 640px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 640px) and (height: 320px) { 
			.cb-slideshow,	.cb-slideshow:after 		{ 	min-height: 320px;	}
			.cb-slideshow li span 						{ 	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/320_back01q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/320_back02q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(3) span 			{ 	background-image: url(../../content/img/320_back03q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/320_back04q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/320_back05q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/320_back06q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}}

/* 	-------------------------------------------------------------------------------------------------- */
/*	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) { 
			.cb-slideshow, .cb-slideshow:after 			{ 	min-height: 640px;	}
			.cb-slideshow li span 						{	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/360_back01.jpg); background-position: 0px 0px;
    														background-size: 360px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/360_back02.jpg); background-position: 0px 0px;
   															background-size: 360px auto; background-repeat: no-repeat;	}
			.cb-slideshow li:nth-child(3) span 			{  	background-image: url(../../content/img/360_back03.jpg); background-position: 0px 0px;
    														background-size: 360px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/360_back04.jpg); background-position: 0px 0px;
    														background-size: 360px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/360_back05.jpg); background-position: 0px 0px;
    														background-size: 360px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/360_back06.jpg); background-position: 0px 0px;
    														background-size: 360px auto; background-repeat: no-repeat;}}
		
@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) { 
			.cb-slideshow,	.cb-slideshow:after 		{ 	min-height: 360px;	}
			.cb-slideshow li span 						{ 	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/360_back01q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/360_back02q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(3) span 			{ 	background-image: url(../../content/img/360_back03q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/360_back04q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/360_back05q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/360_back06q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}}

/* 	-------------------------------------------------------------------------------------------------- */
/*	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) { 	
			.cb-slideshow, .cb-slideshow:after 			{ 	min-height: 533px;	}
			.cb-slideshow li span 						{	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/533_back01.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/533_back02.jpg); background-position: 0px 0px;
   															background-size: 320px auto; background-repeat: no-repeat;	}
			.cb-slideshow li:nth-child(3) span 			{  	background-image: url(../../content/img/533_back03.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/533_back04.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/533_back05.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/533_back06.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat;}}

			
@media 	screen and (device-width: 320px) and (device-height: 533px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 533px) and (height: 320px) { 	
			.cb-slideshow,	.cb-slideshow:after 		{ 	min-height: 320px;	}
			.cb-slideshow li span 						{ 	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/533_back01q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/533_back02q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(3) span 			{ 	background-image: url(../../content/img/533_back03q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/533_back04q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/533_back05q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/533_back06q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}}	
															
/* 	-------------------------------------------------------------------------------------------------- */
/*	Design Anpassung , Class 8 , Blackberry 8300 320 x 240 px,  Anpassungen Design 320 x 240 px */ 
/* 	-------------------------------------------------------------------------------------------------- */
	
@media 	screen and (device-width: 320px) and (device-height: 240px) and (orientation:portrait), /*HOCHFORMAT*/
		screen and (width: 320px) and (height: 240px) { 			
			.cb-slideshow, .cb-slideshow:after 			{ 	min-height: 240px;	}
			.cb-slideshow li span 						{	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/bb_back01.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/bb_back02.jpg); background-position: 0px 0px;
   															background-size: 320px auto; background-repeat: no-repeat;	}
			.cb-slideshow li:nth-child(3) span 			{  	background-image: url(../../content/img/bb_back03.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/bb_back04.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/bb_back05.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/bb_back06.jpg); background-position: 0px 0px;
    														background-size: 320px auto; background-repeat: no-repeat;}}
			
@media 	screen and (device-width: 320px) and (device-height: 240px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 240px) and (height: 320px) { 	
			.cb-slideshow,	.cb-slideshow:after 		{ 	min-height: 320px;	}
			.cb-slideshow li span 						{ 	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/bb_back01q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/bb_back02q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(3) span 			{ 	background-image: url(../../content/img/bb_back03q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/bb_back04q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/bb_back05q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/bb_back06q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}}

/* 	-------------------------------------------------------------------------------------------------- */
/*	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) { 	
			.cb-slideshow {min-height: 1024px;}
			.cb-slideshow li span { top: 0%; }
		  	.cb-slideshow li:nth-child(1) span { 
		    background-image: url(../../content/img/ip768_background01.jpg);}
		    .cb-slideshow li:nth-child(2) span { 
		    background-image: url(../../content/img/ip768_background02.jpg);
		    -webkit-animation-delay: 10s;
		    -moz-animation-delay: 10s;
		    -o-animation-delay: 10s;
		    -ms-animation-delay: 10s;
		    animation-delay: 10s; }
		    .cb-slideshow li:nth-child(3) span { 
		    background-image: url(../../content/img/ip768_background03.jpg);
		    -webkit-animation-delay: 20s;
		    -moz-animation-delay: 20s;
		    -o-animation-delay: 20s;
		    -ms-animation-delay: 20s;
		    animation-delay: 20s;}
		    .cb-slideshow li:nth-child(4) span { 
		    background-image: url(../../content/img/ip768_background04.jpg);
		    -webkit-animation-delay: 30s;
		    -moz-animation-delay: 30s;
		    -o-animation-delay: 30s;
		    -ms-animation-delay: 30s;
		    animation-delay: 30s;}
		    .cb-slideshow li:nth-child(5) span { 
		    background-image: url(../../content/img/ip768_background05.jpg);
		    -webkit-animation-delay: 40s;
		    -moz-animation-delay: 40s;
		    -o-animation-delay: 40s;
		    -ms-animation-delay: 40s;
		    animation-delay: 40s;} 
			.cb-slideshow li:nth-child(6) span { 
		    background-image: url(../../content/img/ip768_background06.jpg);
		    -webkit-animation-delay: 50s;
		    -moz-animation-delay: 50s;
		    -o-animation-delay: 50s;
		    -ms-animation-delay: 50s;
		    animation-delay: 50s;}
		    .topnav_news	 {	position: absolute; right: 25%; top: 1.5; }
			.topnav_linkedin {	position: absolute; right: 17%; top: 1.5%; }
			.topnav_facebook {	position: absolute; right: 9%; top: 1.5%; }
			.topnav_twitter {	position: absolute; right: 1%; top: 1.5%; } }
			
			
@media 	screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape), /*QUERFORMAT*/
		screen and (width: 1024px) and (height: 768px) { 										
  			.cb-slideshow {min-height: 768px;}
  			.cb-slideshow li span { top: 0%; }
		  	.cb-slideshow li:nth-child(1) span { 
		    background-image: url(../../content/img/ip1024_background01.jpg);}
		    .cb-slideshow li:nth-child(2) span { 
		    background-image: url(../../content/img/ip1024_background02.jpg);
		    -webkit-animation-delay: 10s;
		    -moz-animation-delay: 10s;
		    -o-animation-delay: 10s;
		    -ms-animation-delay: 10s;
		    animation-delay: 10s; }
		    .cb-slideshow li:nth-child(3) span { 
		    background-image: url(../../content/img/ip1024_background03.jpg);
		    -webkit-animation-delay: 20s;
		    -moz-animation-delay: 20s;
		    -o-animation-delay: 20s;
		    -ms-animation-delay: 20s;
		    animation-delay: 20s;}
		    .cb-slideshow li:nth-child(4) span { 
		    background-image: url(../../content/img/ip1024_background04.jpg);
		    -webkit-animation-delay: 30s;
		    -moz-animation-delay: 30s;
		    -o-animation-delay: 30s;
		    -ms-animation-delay: 30s;
		    animation-delay: 30s;}
		    .cb-slideshow li:nth-child(5) span { 
		    background-image: url(../../content/img/ip1024_background05.jpg);
		    -webkit-animation-delay: 40s;
		    -moz-animation-delay: 40s;
		    -o-animation-delay: 40s;
		    -ms-animation-delay: 40s;
		    animation-delay: 40s;} 
			.cb-slideshow li:nth-child(6) span { 
		    background-image: url(../../content/img/ip1024_background06.jpg);
		    -webkit-animation-delay: 50s;
		    -moz-animation-delay: 50s;
		    -o-animation-delay: 50s;
		    -ms-animation-delay: 50s;
		    animation-delay: 50s;}
		    .topnav_news {position: absolute; right: 25%; top: 1.5; }
			.topnav_linkedin {	position: absolute; right: 17%; top: 1.5%; }
			.topnav_facebook {	position: absolute; right: 9%; top: 1.5%; }
			.topnav_twitter {	position: absolute; right: 1%; top: 1.5%; } }


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

@media only screen and (max-width: 1080px) and (-webkit-device-pixel-ratio:3) and (orientation : portrait) {
			.cb-slideshow, .cb-slideshow:after 			{ 	min-height: 640px;	}
			.cb-slideshow li span 						{	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/360_back01.jpg); background-position: 0px 0px;
    														background-size: 360px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/360_back02.jpg); background-position: 0px 0px;
   															background-size: 360px auto; background-repeat: no-repeat;	}
			.cb-slideshow li:nth-child(3) span 			{  	background-image: url(../../content/img/360_back03.jpg); background-position: 0px 0px;
    														background-size: 360px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/360_back04.jpg); background-position: 0px 0px;
    														background-size: 360px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/360_back05.jpg); background-position: 0px 0px;
    														background-size: 360px auto; background-repeat: no-repeat; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/360_back06.jpg); background-position: 0px 0px;
    														background-size: 360px auto; background-repeat: no-repeat;}}
		
@media only screen and (max-width: 1920px) and (-webkit-device-pixel-ratio:3) and (orientation : landscape) {
			.cb-slideshow,	.cb-slideshow:after 		{ 	min-height: 360px;	}
			.cb-slideshow li span 						{ 	top: 0%; }
			.cb-slideshow li:nth-child(1) span 			{ 	background-image: url(../../content/img/360_back01q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(2) span 			{ 	background-image: url(../../content/img/360_back02q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}
			.cb-slideshow li:nth-child(3) span 			{ 	background-image: url(../../content/img/360_back03q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(4) span 			{ 	background-image: url(../../content/img/360_back04q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(5) span 			{ 	background-image: url(../../content/img/360_back05q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px; }
			.cb-slideshow li:nth-child(6) span 			{ 	background-image: url(../../content/img/360_back06q.jpg); background-size: auto auto;
															background-repeat: no-repeat; background-position: 0px 0px;}}
	

	
	
	
	











