/******************************************************************************/
/*   Modul: Breadcrumbs                                                       */
/*                                                                            */
/******************************************************************************/

#breadcrumbs {
	background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(175,141,52,1) 100%);
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid black;
	border-radius: 5px;
	min-height: 24px;
}

/* Diese Tabelle ist ebenfalls im Template eingebaut */
#breadcrumbs_tb {
	width: 100%;
}

/* Erste Zelle in der Tabelle */
#breadcrumbs_td {

}

#breadcrumbs_tb_1 {
	width: 80%;
}

/* Der Link-Container für die Breadcrump Links */
ol.mod-breadcrumbs.breadcrumb {
	margin: 0 !important;
	list-style: none;
}

/* Alle anklickbaren Items im Navigationspfad */
li.mod-breadcrumbs__item.breadcrumb-item a.pathway {
	color: navy;
	text-shadow: -1px 1px 0px white;
	text-decoration: none;
	font-weight: bold;
	padding: 0 !important;
	margin: 3px 0 !important;
	font-size: 16px;
	line-height: 16px;
	float: left;
}

/* Alle anklickbaren Items im Navigationspfad */
li.mod-breadcrumbs__item.breadcrumb-item a.pathway:hover {
	color: maroon;
}

li.mod-breadcrumbs__item.breadcrumb-item a.pathway:active  {
	color: white !important;
}

li.mod-breadcrumbs__item.breadcrumb-item a.pathway:focus {
	color: white !important;
}

li.mod-breadcrumbs__item.breadcrumb-item a.pathway:target {
	color: white !important;
}


/* Das letzte Element im Pfad ist nicht anklickbar */
li.mod-breadcrumbs__item.active.breadcrumb-item span {
	color: black;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	float: left;
	padding-top: 3px !important;
}

.breadcrumbs_img {
	width: 25px;
	text-align: center;
	padding-top: 0;
	float: left;
	line-height: 16px;
}

/*----------------------------------------------------------------------------------------------*/

/*****************************************************************************/
/*   EINSTELLUNGEN FÜR HANDYS                                                */
/*****************************************************************************/

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio : 1.5) 
{ 
	li.mod-breadcrumbs__item.active.breadcrumb-item span {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	
	li.mod-breadcrumbs__item.breadcrumb-item a.pathway {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	
	.breadcrumbs_img {
		width: 40px;
		line-height: 2.5rem !important;
		text-align: center;
		padding-top: 0;
		float: left;
	}
	
	#breadcrumbs_main_div {
		margin-bottom: 30px;
	}
}