/* @group CSS resets */

html,	body,	div,	span,	object,	iframe,	h1,	h2,	h3,	h4,	h5,	h6,	p,	blockquote,	pre,	a,	abbr,	address,	cite,	code,	del,	dfn,	em,	img,	ins,	q,	small,	strong,	sub,	sup,	dl,	dt,	dd,	ol,	ul,	li,	fieldset,	form,	label,	legend,	table,	caption,	tbody,	tfoot,	thead,	tr,	th,	td	{
	border:	0;
	margin:	0;
	padding:	0;
}

article,	aside,	figure,	figure img,	figcaption,	hgroup,	footer,	header,	nav,	section,	video,	object	{
	display:	block;
}

a img	{
	border:	0
}

figure	{
	position:	relative;
}

figure img	{
	width:	100%;
}

a img,	:link img,	:visited img	{
	border:	none
}

table	{
	border-collapse:	collapse;
}

ul,	ol,	dl	{
	list-style-type:	disc;
}

/* @end */

/* @group Structure */

html,	body	{
	height:	100%;
}

.ticker-container	{
	width:	100%;
	height:	100%;
	min-height:	100%;
	overflow:	hidden;
}

.ticker-header	{
	height:	25vh;
	/*	background: url(ticker-header-background.png) center center no-repeat #ffcc00;
		background-size: cover;*/
	display:	block;
	position:	relative;
	background-color:	white;
}

.ticker-header-title	{
	position:	absolute;
	left:	5vw;
	bottom:	30%;
}

.ticker-header-clientlogo	{
	position:	absolute;
	bottom:	4%;
	right:	5vw;
	width:	35%;
	background:	url(ticker-header-clientlogo.png) right center no-repeat;
	background-size:	auto auto;
	background-size:	contain;
	height:	calc(85% - 75px);
	margin-top:	25px;
	margin-bottom:	35px;
}

.ticker-content	{
	display:	block;
	background:	#C32D15;
	position:	relative;
	height:	60vh;
}

.ticker-slide-content	{
	padding-right:	5vw;
	padding-left:	5vw;
	margin-top:	5vh;
	position:	relative;
}

.ticker-hinweis	{
	position:	absolute;
	bottom:	2%;
	left:	5vw;
	width:	100%;
	color:	white;
	font-weight:	600;
	font-size:	85%;
}

.ticker-footer	{
	height:	15vh;
	display:	block;
	background-color:	white;
	position:	relative;
}

.ticker-footer-copyright	{
	position:	absolute;
	top:	20%;
	font-size:	1vw;
	left:	5vw;
}

.ticker-footer-copyright-right	{
	position:	absolute;
	top:	20%;
	font-size:	1vw;
	right:	5vw;
}

.qrcode	{
	float:	right;
	width:	8vh;
	height:	8vh;
	background:	url(qr-code.svg)	center	center	no-repeat	white;
	background-size:	cover;
	margin-left:	1vw;
}

/* @end */

/* @group Typo */

html	{
	font-size:	100.01%;
}

body	{
	color:	black;
	background-color:	white;
	-webkit-hyphens:	auto;
	-moz-hyphens:	auto;
	-ms-hyphens:	auto;
	hyphens:	auto;
	font:	2vw 'Source Sans Pro', sans-serif;
	line-height:	1.2em;
	font-weight:	300;
}

a,	a:hover,	a:active,	a:link,	a:visited	{
	color:	black;
	text-decoration:	none;
}

.bold	{
	font-weight:	700;
}

.ticker-header-title	{
	font-size:	6vw;
	font-weight:	200;
	color:	#C32D15;
}

.ticker-slide-content	{
	font-size:	3vw;
	line-height:	1.2em;
}

.ticker-content-image	{
	width:	25%;
	float:	left;
	margin-top:	10px;
	/*	position: absolute;
	top: 10px;
	left: 15%;*/
	position:	relative;
}

.ticker-content-image img	{
	width:	100%;
}

.ticker-content-image-credits	{
	position:	absolute;
	bottom:	0px;
	font-size:	1vw;
	background-color:	rgba(128, 128, 128, 0.5);
	padding:	5px;
	color:	white;
	left:	0px;
}

.ticker-content-title	{
	font-weight:	700;
	margin-bottom:	0.5em;
	padding-left:	30%;
	color:	white;
}

.ticker-content-location	{
	padding-left:	30%;
	color:	white;
}

.ticker-content-company	{
	padding-left:	30%;
	margin-bottom:	0.5em;
	color:	white;
}

.ticker-content-url	{
	padding-left:	30%;
	color:	white;
}

.ticker-content-url a	{
	color:	white;
}

/* @end */

@media only screen and (max-height: 800px)	{
	
}


@media only screen and (max-width: 1024px)	{
	.ticker-header-title	{
		left:	5%;
		bottom:	30%;
	}
	
	.ticker-header-clientlogo	{
		right:	5%;
	}
	
	.ticker-header-clientlogo img	{
		width:	55%;
	}
	
	.ticker-slide-content	{
		padding-right:	5%;
		padding-left:	5%;
	}
	
	.ticker-hinweis	{
		left:	5%;
	}
	
	.ticker-content-url	{
		font-size:	2vw;
	}
	
	/*.ticker-content-image {
	    width: 22%;
	    left: 10%;
	}*/
	
	.ticker-footer-copyright	{
		left:	5% !important;
	}
	
	.ticker-footer-copyright-right	{
		right:	5% !important;
	}
}


@media only screen and (min-width: 1224px)	{
	.ticker-header-title	{
		left:	8%;
		bottom:	30%;
	}
	
	/*.ticker-header-clientlogo {
		right: 0;
		max-width: 50%;
		bottom: 20%;
	}
	
	.ticker-header-clientlogo img {
	    width: 70%;
	}*/
	
	.ticker-slide-content	{
		padding-right:	8%;
		padding-left:	8%;
	}
	
	.ticker-hinweis	{
		left:	8%;
	}
	
	
	/*.ticker-content-image {
	    width: 22%;
	    left: 10%;
	}*/
	
	.ticker-footer-copyright	{
		left:	8%;
	}
	
	.ticker-footer-copyright-right	{
		right:	8%;
	}
}


@media only screen and (min-width : 1824px)	{
	.ticker-header-title	{
		left:	10%;
		bottom:	30%;
	}
    
	/*.ticker-header-clientlogo {
    	right: 5%;
    	max-width: 50%;
    	bottom: 20%;
	}
    
    .ticker-header-clientlogo img {
    	width: 55%;
    }*/
	
	.ticker-slide-content	{
		padding-right:	10%;
		padding-left:	10%;
	}
	
	.ticker-hinweis	{
		left:	10%;
	}
		
	    
	/*    .ticker-content-image {
	        width: 19%;
	        left: 15%;
	    }*/
	
	.ticker-footer-copyright	{
		left:	10%;
	}
	
	.ticker-footer-copyright-right	{
		right:	10%;
	}
}

@media only screen and (min-width : 2560px)	{
	.ticker-header-title	{
		left:	15%;
		bottom:	30%;
	}
 
 /*.ticker-header-clientlogo {
 	right: 15%;
 	max-width: 20%;
 }
 
 .ticker-header-clientlogo img {
 	width: 100%;
 }*/
	
	.ticker-slide-content	{
		padding-right:	15%;
		padding-left:	15%;
	}
	
	.ticker-hinweis	{
		left:	15%;
	}
		
	    
	/*    .ticker-content-image {
	        width: 19%;
	        left: 15%;
	    }*/
	
	.ticker-footer-copyright	{
		left:	15%;
	}
	
	.ticker-footer-copyright-right	{
		right:	15%;
	}
}