/**
 * (en) base style for breadcrumb menue
 * (de) Basisstil für Breadcrumb-Menü
 *
 * @copyright			 Copyright 2015, crossbase mediasolution GmbH
 * @version				 1.0
 */

@media screen
{

	#breadcrumb {
		font-family: 'Source Sans Pro Bold', sans-serif;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
		padding: 7px 20px 6px 20px;
		margin: 0;
		overflow: hidden;
		border-radius: 0px;
		box-sizing: border-box;
		min-height: 30px;
	}

	#breadcrumb li {
		font-size: 13px;
		line-height: 16px;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
	}

	#breadcrumb li.link:after {
		font-family: FontAwesome;
		font-weight: 900;
		padding: 0 6px;
		display: inline-block;
		content: '\f105';
		color: inherit;
	}

	#breadcrumb li a,
	#breadcrumb li a:visited,
	#breadcrumb li span {
		color: #5b574d;
		-webkit-transition: color 0.3s ease 0s;
		transition: color 0.3s ease 0s;
	}

	#breadcrumb li span {
		color: #000;
	}
	#breadcrumb li:after {
		content: '';
		height: 16px;
	}

	#breadcrumb li a:hover,
	#breadcrumb li a:hover{
		color: #000;
	}

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 560 */
/* (de) Media Query 560 */
/*------------------------------------------------------------------------------------------------------*/

@media
screen and (max-width: 560px)
{

	#breadcrumb {
		padding: 6px 12px 0 12px;
	}

}