/**
 * (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: "TheSansExtraLight", "cnExtraLight", "Verdana", sans-serif;
	padding: 14px 0;
    overflow: hidden;
    background: #e0e0e0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;    
	font-size: 20px;
	line-height: 28px;
	}  

  #breadcrumb li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
  }
  
  #breadcrumb li a,
  #breadcrumb li a:visited, {
    color: #EA6621;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
  }

  #breadcrumb li a:hover,
  #breadcrumb li a:hover{
    color: #EA6621;
  }
  
  #breadcrumb span.fa {
	padding: 0 10px;
  }

}

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

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

  #breadcrumb {
		font-size: 16px;
		line-height: 23px;
	}  

}

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

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

  #breadcrumb {
		font-size: 15px;
		line-height: 21px;
	}  

}