/* 
    Document   : nav
    Created on : 19.07.2013, 12:09:06
    Author     : liebsche
    Description:
        Purpose of the stylesheet follows.
*/

/***** Haupt-Navigation *****/

#primaer_nav {
	float: left;
	/*box-sizing: border-box;*/
	display: table;
	width: 100%;
	font-family:'InfoTextWeb-Regular','Lucida Grande','Lucida Sans Unicode','Lucida Sans',sans-serif;
	/*font-family:var(--infotext),'Lucida Grande','Lucida Sans Unicode','Lucida Sans',sans-serif;*/
	font-size:0.925rem;   
	letter-spacing: 0.035rem;
	text-transform: uppercase;
	/*font-weight: bold;*/
	line-height: 1.5rem;
	border-radius: 0.2rem;
	background-color: black;
	position: relative;
	margin: 0.3rem 0 0 0;
}
#primaer_nav ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#primaer_nav li {
   line-height: 1.5rem;
   margin: 0;
   padding: 0;
}

#primaer_nav a {
   display: block;
   text-decoration: none;
   color: white;   
}
#primaer_nav a:focus, 
#primaer_nav a:hover, 
#primaer_nav a:active {
   /*color: #7A003F;*/
   color: #96999C;
   background-color: inherit;
}

#primaer_nav_links {
   display: table-cell;
   padding:0 0 0 .75rem;
   /*width: 86%;*/
   text-transform: uppercase;
   font-weight: bold;
   overflow: hidden;
   /*float: left;*/
}
#primaer_nav_links > span {
   display: inline;
   float: left;
}

#primaer_nav_links ul {
   display: flex;
   flex-wrap: wrap;
}
#primaer_nav_links li {
   float: left;
   margin: 0;
   padding: 0 0.4rem 0 0;
}


#primaer_nav_links a:before {
	content: "|";
   padding-right: 0.3rem;
   color: white;
}
#primaer_nav_links li:first-of-type a:before {
	content: none;
}

/*#primaer_nav_links_plus,*/
#primaer_nav_links_plus a,
span#primaer_nav_links_add {
   display: none;
}



#primaer_nav_links_max {
   /*display: table-cell;*/
   display: none;
   vertical-align: top;
   padding: 0 0 0 0;
   letter-spacing: 0.05rem;
   /*width: 125px;*/
}

#primaer_nav_links_max_titel  {
   display: inline;
   padding: 0 0.5rem 0 0;
}
#primaer_nav_links_max_titel span {
   color: white;
}
#primaer_nav_links_max_titel span:before {
   content: '|';
}
#primaer_nav_links_max_titel span:after {
	display: inline-block;
	width: 1rem;
	height: 1rem;
   padding: 0 0 0 0.25rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	line-height: 1;
	font-family: 'Genericons';
	font-weight: normal;
	font-style: normal;
   content: '\f502';
   position: relative;
   top: 3px;
}

#primaer_nav_links_max_liste {
   position: absolute;
   /*right: 5000px;*/
   left: 60%;
   right: auto;
   background-color: #000;
   min-width:40%;
  	border-bottom-left-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem; 
   z-index: 100001;   
   height:0;
   overflow: hidden;
}
#primaer_nav_links_max_liste ul {
   flex-direction: column;
}

#primaer_nav_links_max_liste li {
   border-top: solid 1px white;
   padding: 0 0.75rem;
   /*position: relative;*/
   /*right: 50px;*/
/*   display: block;
   float: left;*/
}

#primaer_nav_links_max_liste li a:before {
	content: "";
   padding-right: 0;
}

#primaer_nav_links_max:hover #primaer_nav_links_max_liste {
   /*right: initial;*/
   height: auto;
}

/***** Direkt-Links *****/

#primaer_nav_direktlinks {
   display: table-cell;
   vertical-align: top;
   padding: 0 0 0 0.75rem;
   letter-spacing: 0.05rem;
   width: 125px;
}

#primaer_nav_direktlinks_titel  {
   display: inline;
   padding: 0 0.5rem 0 0;
}
#primaer_nav_direktlinks_titel span {
   color: white;
}

:lang(de) #primaer_nav_direktlinks_titel span:before {
   content: 'DIREKTLINKS';
}
:lang(en) #primaer_nav_direktlinks_titel span:before {
   content: 'DIRECTLINKS';
}
#primaer_nav_direktlinks_titel span:after {
	display: inline-block;
	width: 1rem;
	height: 1rem;
   padding: 0 0 0 0.25rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	line-height: 1;
	font-family: 'Genericons';
	font-weight: normal;
	font-style: normal;
   content: '\f502';
   position: relative;
   top: 3px;
}

#primaer_nav_direktlinks_liste {
   position: absolute;
   right: 5000px;
   background-color: #000;
   min-width:23.5%;
  	border-bottom-left-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem; 
   z-index: 9999999;   
}

#primaer_nav_direktlinks_liste li {
   border-top: solid 1px white;
   padding: 0 0.75rem;
}

#primaer_nav_direktlinks:hover #primaer_nav_direktlinks_liste {
   right: 0;
}


/***** Sekundär-Navigation *****/

#sekundaer_nav {
   width: 100%;
   max-width: 980px;
   height: auto;
   display: block;
   margin: 5px 0 0 0;
   padding: 0;
   z-index: 1;
   float: left;
   position: relative;
}
#sekundaer_nav ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#sekundaer_nav li {
   float: left;
   margin: 0;
   padding: 0;
}
#breadcrumb_nav {
   display: block;
   float: left;
   width: 100%;
   background-color: #E7E9EA;
	border-radius: 0.2rem;
   z-index: 1;
}
#breadcrumb_nav li:first-of-type a {
	border-top-left-radius: 0.2rem;
 	border-bottom-left-radius: 0.2rem;
   /*padding: 0 0 0 0.8rem;*/  
}
#breadcrumb_nav li:last-of-type a:after {
	content: url("../pics/subnavi_pfeil_ende.gif");
   vertical-align: top;
   padding-right: 0rem;
}
#breadcrumb_nav a:focus,
#breadcrumb_nav a:hover,
#breadcrumb_nav a:active
{
   color: #E7E9EA;
}










.breadcrumb {
	/*centering*/
	/*display: inline-block;*/
	/*box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.35);*/
	/*overflow: hidden;*/
	border-radius: 3px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag; 
}

.breadcrumb_link {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 5px 0 19px;
   /*margin: 0 10px 0 0;*/
	background: #7A003F;
	/*background: linear-gradient(#666, #333);*/
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb_link:first-child {
	padding-left: 10px;
   margin: 0 0px 0 0;
	border-radius: 3px 0 0 3px; /*to match with the parent's radius*/
}
.breadcrumb_link:first-child:before {
	left: 14px;
}
.breadcrumb_link:last-child {
	border-radius: 0; /*this was to prevent glitches on hover*/
	padding-right: 5px;
   margin-right: 10px;
}
#breadcrumb_root {
   margin: 0 10px 0 0;
}

/*hover/active styles*/
.breadcrumb_link.active, .breadcrumb a:hover{
	background: #fff;
	/*background: linear-gradient(#333, #000);*/
}
.breadcrumb_link.active:after, .breadcrumb a:hover:after {
	background: #fff;
	/*background: linear-gradient(135deg, #333, #000);*/
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb_link:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -10px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 20px; 
	height: 20px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #7A003F;
	/*background: linear-gradient(135deg, #666, #333);*/
	/*stylish arrow design using box shadow*/
	box-shadow: 
		1px -1px 0 1px rgba(255, 255, 255, 0.9), 
		1px -1px 0 1px rgba(255, 255, 255, 0.9);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumb_link:last-child:after {
	/*content: none;*/
}
/*we will use the :before element to show numbers*/
/*.breadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
	some styles now
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
}*/


.flat a, .flat a:after, 
.flat a.active, .flat a.active:after {
	background: #7A003F;
	color: white;
	transition: all 0.5s;
}
.flat a:before {
	background: white;
	box-shadow: 0 0 0 1px #ccc;
}
.flat a:hover, 
.flat a:hover:after{
	background: #9A005F;
}



















#sekundaer_nav_links {
   display: block;
   position: relative;
}
#sekundaer_nav_links_add {
   width: 100%;
   background-color: #E7E9EA;
   position: absolute;
   left: -5000px;
}

#sekundaer_nav_links li,
#sekundaer_nav_links_add li {
   background-color: #E7E9EA;
 	border-bottom-left-radius: 0.2rem;
 	border-bottom-right-radius: 0.2rem;
   padding: 0;
   z-index: 1;
}
#sekundaer_nav_links li:first-of-type {
   /*padding: 0 0 0 0.5rem;*/
}

#sekundaer_nav_links a,
#sekundaer_nav_links_add a {
   color: #3E3F40;
   background-color: #E7E9EA;
   display: block;
/*	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',sans-serif; */
   font-weight: normal;
   font-size:0.75rem;   
   line-height: 20px;
  	height: 1.25rem;
   margin: 0;
   padding: 0 0 0 0.5rem;
   text-decoration: none;    
   z-index: 1;
}
#sekundaer_nav_links a:after  { 
	position: relative;
	bottom: 0.1rem; 
	/*right: -10px; half of square's length*/
   font-size:0.6rem;   
   /*line-height: 15px;*/
	content: "|";
   padding: 0 0 0 0.4rem;
   color: black;
}
#sekundaer_nav_links li:first-of-type a {
 	/*border-radius: 0;*/
   /*padding: 0 0 0 1.1rem;*/
}
#sekundaer_nav_links li:last-of-type a:after,
#sekundaer_nav_links_add li:last-of-type a:after {
	content: "";
}
#sekundaer_nav_links a:focus,
#sekundaer_nav_links a:hover,
#sekundaer_nav_links a:active,
#sekundaer_nav_links_add a:focus,
#sekundaer_nav_links_add a:hover,
#sekundaer_nav_links_add a:active {
    color: #7A003F;
    font-weight: normal;
    text-decoration: none;
}

#sekundaer_nav_activate {
   display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  	font-size: 12px;
	line-height: 1.5rem;
	font-family: 'Genericons';
	font-weight: normal;
	font-style: normal;
   width: 100%;
	height: 1rem;
   position: absolute;
   right: 0;
   bottom: 0;
   text-align: right;
   padding: 0;
   /*display: none;*/
}
#sekundaer_nav_activate:before {
	width: 2rem;
	height: 1rem;
   content: '\f502';
   position: absolute;
   right: 0.85rem;
   bottom: 0.15rem;
}

/*#sekundaer_nav_links:hover #sekundaer_nav_links_add,*/
#breadcrumb_nav:hover #sekundaer_nav_links_add {
   position: initial;
}
#breadcrumb_nav:hover #sekundaer_nav_activate {
   display: none;
}


/*.btn-breadcrumb0 > *:nth-last-child(-n+2) {*/




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

#primaer_nav_direktlinks {
   width: 90px;
}
:lang(de) #primaer_nav_direktlinks_titel span:before {
   content: 'DIREKT';
}
:lang(en) #primaer_nav_direktlinks_titel span:before {
   content: 'DIRECT';
}
#primaer_nav_direktlinks_liste {
   min-width:32%;
}



/*#primaer_nav_links_plus {
   position: absolute;
}*/

/*#primaer_nav_links_plus a,
span#primaer_nav_links_add {
   display: block;
}*/

span#primaer_nav_links_add {
   display: inline-block;
   position: absolute;
   right: 000px;
   background-color: #000;
   /*width:23.5%;*/
  	border-bottom-left-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem; 
   z-index: 999;   
}   
#primaer_nav_links_add ul {
   flex-direction: column;
   /*flex-wrap: nowrap;*/
}
#primaer_nav_links_add li {
   border-top: solid 1px white;
   padding: 0 0.5rem;
}
#primaer_nav_links_add  a:before,
#primaer_nav_links_plus a:before
{
	content: "";
   padding-right: 0;
}

#primaer_nav_links_plus:hover #primaer_nav_links_add {
   right: 25.5%;
}

#primaer_nav_links_max {
   display: block;
}


#primaer_nav_links_max li,
#primaer_nav_links_min.primaerlinks_4 li:nth-of-type(4),
#primaer_nav_links_min.primaerlinks_5 li:nth-of-type(5),
#primaer_nav_links_min.primaerlinks_6 li:nth-of-type(6),
#primaer_nav_links_min.primaerlinks_7 li:nth-of-type(7),
#primaer_nav_links_min.primaerlinks_7 li:nth-of-type(6),
#primaer_nav_links_min.primaerlinks_8 li:nth-of-type(8),
#primaer_nav_links_min.primaerlinks_8 li:nth-of-type(7),
#primaer_nav_links_min.primaerlinks_8 li:nth-of-type(6) {
   display: none;
}
#primaer_nav_links_max.primaerlinks_4 li:nth-last-of-type(1),
#primaer_nav_links_max.primaerlinks_5 li:nth-last-of-type(1),
#primaer_nav_links_max.primaerlinks_6 li:nth-last-of-type(1),
#primaer_nav_links_max.primaerlinks_7 li:nth-last-of-type(1),
#primaer_nav_links_max.primaerlinks_7 li:nth-last-of-type(2),
#primaer_nav_links_max.primaerlinks_8 li:nth-last-of-type(1),
#primaer_nav_links_max.primaerlinks_8 li:nth-last-of-type(2),
#primaer_nav_links_max.primaerlinks_8 li:nth-last-of-type(3) {
   display: block;
}
   
}



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

#primaer_nav_links_max_liste {
   left: 55%;
   min-width:45%;
}
   
#primaer_nav_links_max li,
#primaer_nav_links_min.primaerlinks_4 li:nth-of-type(3),
#primaer_nav_links_min.primaerlinks_5 li:nth-of-type(4),
#primaer_nav_links_min.primaerlinks_6 li:nth-of-type(5),
#primaer_nav_links_min.primaerlinks_7 li:nth-of-type(5),
#primaer_nav_links_min.primaerlinks_7 li:nth-of-type(4),
#primaer_nav_links_min.primaerlinks_8 li:nth-of-type(5),
#primaer_nav_links_min.primaerlinks_8 li:nth-of-type(4) {
   display: none;
}
#primaer_nav_links_max.primaerlinks_4 li:nth-last-of-type(2),
#primaer_nav_links_max.primaerlinks_5 li:nth-last-of-type(2),
#primaer_nav_links_max.primaerlinks_6 li:nth-last-of-type(2),
#primaer_nav_links_max.primaerlinks_7 li:nth-last-of-type(3),
#primaer_nav_links_max.primaerlinks_7 li:nth-last-of-type(4),
#primaer_nav_links_max.primaerlinks_8 li:nth-last-of-type(4),
#primaer_nav_links_max.primaerlinks_8 li:nth-last-of-type(5) {
   display: block;
}
   
}


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

#primaer_nav_links_max_liste {
   left: 50%;
   min-width:50%;
}
#primaer_nav_direktlinks_liste {
   min-width:48%;
}
   
#primaer_nav_links_max li,
#primaer_nav_links_min.primaerlinks_4 li:nth-of-type(2),
#primaer_nav_links_min.primaerlinks_5 li:nth-of-type(3),
#primaer_nav_links_min.primaerlinks_6 li:nth-of-type(4),
#primaer_nav_links_min.primaerlinks_7 li:nth-of-type(3),
#primaer_nav_links_min.primaerlinks_8 li:nth-of-type(3) {
   display: none;
}
#primaer_nav_links_max.primaerlinks_4 li:nth-last-of-type(3),
#primaer_nav_links_max.primaerlinks_5 li:nth-last-of-type(3),
#primaer_nav_links_max.primaerlinks_6 li:nth-last-of-type(3),
#primaer_nav_links_max.primaerlinks_7 li:nth-last-of-type(5),
#primaer_nav_links_max.primaerlinks_8 li:nth-last-of-type(6) {
   display: block;
}
   
}



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

#primaer_nav_links_max_titel span:before {
   content: 'NAVIGATION';
}
#primaer_nav_links_max_liste {
   left: 30%;
   min-width:70%;
}
#primaer_nav_links_max_liste {
   left: 0;
   min-width:100%;
}
#primaer_nav_links_max li,
#primaer_nav_links_min.primaerlinks_4 li:nth-of-type(1),
#primaer_nav_links_min.primaerlinks_5 li:nth-of-type(1),
#primaer_nav_links_min.primaerlinks_5 li:nth-of-type(2),
#primaer_nav_links_min.primaerlinks_6 li:nth-of-type(1),
#primaer_nav_links_min.primaerlinks_6 li:nth-of-type(2),
#primaer_nav_links_min.primaerlinks_6 li:nth-of-type(3),
#primaer_nav_links_min.primaerlinks_7 li:nth-of-type(1),
#primaer_nav_links_min.primaerlinks_7 li:nth-of-type(2),
#primaer_nav_links_min.primaerlinks_8 li:nth-of-type(1),
#primaer_nav_links_min.primaerlinks_8 li:nth-of-type(2) {
   display: none;
}
#primaer_nav_links_max.primaerlinks_4 li:nth-last-of-type(4),
#primaer_nav_links_max.primaerlinks_5 li:nth-last-of-type(4),
#primaer_nav_links_max.primaerlinks_5 li:nth-last-of-type(5),
#primaer_nav_links_max.primaerlinks_6 li:nth-last-of-type(4),
#primaer_nav_links_max.primaerlinks_6 li:nth-last-of-type(5),
#primaer_nav_links_max.primaerlinks_6 li:nth-last-of-type(6),
#primaer_nav_links_max.primaerlinks_7 li:nth-last-of-type(6),
#primaer_nav_links_max.primaerlinks_7 li:nth-last-of-type(7),
#primaer_nav_links_max.primaerlinks_8 li:nth-last-of-type(7),
#primaer_nav_links_max.primaerlinks_8 li:nth-last-of-type(8) {
   display: block;
}

}



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

   

/*#primaer_nav_links_add {
   left: 0;
}   */

#primaer_nav_links_plus:hover #primaer_nav_links_add {
   right: -100px;
}

}



/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.btn-breadcrumb .btn:not(:last-child):after {
/*  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;*/
}
.btn-breadcrumb .btn:not(:last-child):before {
/*  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;*/
}

.btn-breadcrumb .btn {
  /*padding:6px 12px 6px 24px;*/
}
.btn-breadcrumb .btn:first-child {
  /*padding:6px 6px 6px 10px;*/
}
.btn-breadcrumb .btn:last-child {
  /*padding:6px 18px 6px 24px;*/
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  /*border-left: 10px solid #fff;*/
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  /*border-left: 10px solid #ccc;*/
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  /*border-left: 10px solid #ebebeb;*/
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  /*border-left: 10px solid #adadad;*/
}

/* The responsive part */

.btn-breadcrumb > * > div ,
.btn-breadcrumb0 > * > div {
    /* With less: .text-overflow(); */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;   
    color: white;
}

.btn-breadcrumb0 > *:nth-child(n+2) {
  display:none;
}

/* === For phones =================================== */
@media (max-width: 400px) {
    .btn-breadcrumb0 > * div {
        max-width: 40px;
    }
    .btn-breadcrumb0 > *:nth-last-child(-n+2) {
        display:block;
        /*padding: 0 3px 0 16px;*/
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+2) div {
        max-width: 8px;
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+2) div:before {
        content: "";
    } 
    .btn-breadcrumb0 > *:first-of-type div {
        max-width: 50px;
    }
    .btn-breadcrumb0 > *:last-of-type div {
        max-width: 150px;
    }
    #bcr {
       /*display: block;*/
       /*width: 100%;*/
    }
    #sekundaer_nav_links {
       /*display: none;*/
       /*float: left;*/
       width: 100%;
       background-color: #E7E9EA;
       border-bottom-left-radius: 0.2rem;
       border-bottom-right-radius: 0.2rem;
    }
    
    #breadcrumb_nav {
       width: 100%;
       background-color: #7A003F;
       display: flex;
       flex-direction: column;
       z-index: 999;
       border-bottom-left-radius: 0.2rem;
       border-bottom-right-radius: 0.2rem;
    }
    /*#breadcrumb_nav,*/
    #sekundaer_nav_links ul {
       width: 100%;
       /*background-color: #7A003F;*/
       display: block;
       /*flex-direction: column;*/
       z-index: 999;
    }
    #sekundaer_nav_links ul li a,
    #sekundaer_nav_links ul li {
       border-bottom-left-radius: 0.2rem;
       border-bottom-right-radius: 0.2rem;
    }
/*    #sekundaer_nav_links ul a:after {
       content: "";
    }*/
    
/*    #breadcrumb_nav:hover  #sekundaer_nav_links {
        display: flex;
        position: absolute;
        left:0;
        padding: 0.5 0rem;
    }*/


/*
.breadcrumb_link:last-of-type:after {
	content: '';
	position: absolute;
	top: 0; 
	width: 1rem;
	height: 1rem;
   padding: 0 0 0 0.25rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  	font-size: 12px;
	line-height: 1;
	font-family: 'Genericons';
	font-weight: normal;
	font-style: normal;
   content: '\f502';
   position: relative;
   top: 3px;

   right: -10px; half of square's length
	same dimension as the line-height of .breadcrumb a 
	width: 20px; 
	height: 20px;
	as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707
	transform: scale(0.707) rotate(45deg);
	we need to prevent the arrows from getting buried under the next link
	z-index: 1;
	background same as links but the gradient will be rotated to compensate with the transform applied
	background: #7A003F;
	background: linear-gradient(135deg, #666, #333);
	stylish arrow design using box shadow
	box-shadow: 0;
		0px 0px 0 1px rgba(255, 255, 255, 0.9), 
		0px 0px 0 1px rgba(255, 255, 255, 0.9);
	
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows
	border-radius: 0;
}*/
/*we dont need an arrow after the last link*/
.breadcrumb_link:last-child:after {
	content: none;
}


/*
#primaer_nav_direktlinks_titel span:after {
	display: inline-block;
	width: 1rem;
	height: 1rem;
   padding: 0 0 0 0.25rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	line-height: 1;
	font-family: 'Genericons';
	font-weight: normal;
	font-style: normal;
   content: '\f502';
   position: relative;
   top: 3px;
}*/


#sekundaer_nav_links_add li,
#sekundaer_nav_links_min.nav_links_6 li:nth-last-of-type(-n+1),
#sekundaer_nav_links_min.nav_links_7 li:nth-last-of-type(-n+2),
#sekundaer_nav_links_min.nav_links_8 li:nth-last-of-type(-n+3),
#sekundaer_nav_links_min.nav_links_9 li:nth-last-of-type(-n+4),
#sekundaer_nav_links_min.nav_links_10 li:nth-last-of-type(-n+5),
#sekundaer_nav_links_min.nav_links_11 li:nth-last-of-type(-n+6),
#sekundaer_nav_links_min.nav_links_12 li:nth-last-of-type(-n+7),
#sekundaer_nav_links_min.nav_links_13 li:nth-last-of-type(-n+8),
#sekundaer_nav_links_min.nav_links_14 li:nth-last-of-type(-n+9),
#sekundaer_nav_links_min.nav_links_15 li:nth-last-of-type(-n+10),
#sekundaer_nav_links_min.nav_links_16 li:nth-last-of-type(-n+11),
#sekundaer_nav_links_min.nav_links_17 li:nth-last-of-type(-n+12),
#sekundaer_nav_links_min.nav_links_18 li:nth-last-of-type(-n+13),
#sekundaer_nav_links_min.nav_links_19 li:nth-last-of-type(-n+14),
#sekundaer_nav_links_min.nav_links_20 li:nth-last-of-type(-n+15), 
#sekundaer_nav_links_min.nav_links_21 li:nth-last-of-type(-n+16), 
#sekundaer_nav_links_min.nav_links_22 li:nth-last-of-type(-n+17), 
#sekundaer_nav_links_min.nav_links_23 li:nth-last-of-type(-n+18), 
#sekundaer_nav_links_min.nav_links_24 li:nth-last-of-type(-n+19), 
#sekundaer_nav_links_min.nav_links_25 li:nth-last-of-type(-n+20) { 
   display: none;
}
#sekundaer_nav_links_add.nav_links_6 li:nth-last-of-type(-n+1),
#sekundaer_nav_links_add.nav_links_7 li:nth-last-of-type(-n+2),
#sekundaer_nav_links_add.nav_links_8 li:nth-last-of-type(-n+3),
#sekundaer_nav_links_add.nav_links_9 li:nth-last-of-type(-n+4),
#sekundaer_nav_links_add.nav_links_10 li:nth-last-of-type(-n+5),
#sekundaer_nav_links_add.nav_links_11 li:nth-last-of-type(-n+6),
#sekundaer_nav_links_add.nav_links_12 li:nth-last-of-type(-n+7),
#sekundaer_nav_links_add.nav_links_13 li:nth-last-of-type(-n+8),
#sekundaer_nav_links_add.nav_links_14 li:nth-last-of-type(-n+9),
#sekundaer_nav_links_add.nav_links_15 li:nth-last-of-type(-n+10),
#sekundaer_nav_links_add.nav_links_16 li:nth-last-of-type(-n+11),
#sekundaer_nav_links_add.nav_links_17 li:nth-last-of-type(-n+12),
#sekundaer_nav_links_add.nav_links_18 li:nth-last-of-type(-n+13),
#sekundaer_nav_links_add.nav_links_19 li:nth-last-of-type(-n+14),
#sekundaer_nav_links_add.nav_links_20 li:nth-last-of-type(-n+15), 
#sekundaer_nav_links_add.nav_links_21 li:nth-last-of-type(-n+16), 
#sekundaer_nav_links_add.nav_links_22 li:nth-last-of-type(-n+17), 
#sekundaer_nav_links_add.nav_links_23 li:nth-last-of-type(-n+18), 
#sekundaer_nav_links_add.nav_links_24 li:nth-last-of-type(-n+19), 
#sekundaer_nav_links_add.nav_links_25 li:nth-last-of-type(-n+20) {
   display: block;
}

}


/* === For phones =================================== */
@media (min-width: 401px) and (max-width: 550px) {
    .btn-breadcrumb0 > * div {
        max-width: 80px;
    }
    .btn-breadcrumb0 > *:nth-last-child(-n+2) {
        display:block;
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+2) div {
        max-width: 8px;
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+2) div:before {
        content: "";
    } 
    .btn-breadcrumb0 > *:first-of-type div {
        max-width: 50px;
    }
    .btn-breadcrumb0 > *:last-of-type div {
        max-width: 200px;
    }



#sekundaer_nav_links_add li,
#sekundaer_nav_links_min.nav_links_8 li:nth-last-of-type(-n+1),
#sekundaer_nav_links_min.nav_links_9 li:nth-last-of-type(-n+2),
#sekundaer_nav_links_min.nav_links_10 li:nth-last-of-type(-n+3),
#sekundaer_nav_links_min.nav_links_11 li:nth-last-of-type(-n+4),
#sekundaer_nav_links_min.nav_links_12 li:nth-last-of-type(-n+5),
#sekundaer_nav_links_min.nav_links_13 li:nth-last-of-type(-n+6),
#sekundaer_nav_links_min.nav_links_14 li:nth-last-of-type(-n+7),
#sekundaer_nav_links_min.nav_links_15 li:nth-last-of-type(-n+8),
#sekundaer_nav_links_min.nav_links_16 li:nth-last-of-type(-n+9),
#sekundaer_nav_links_min.nav_links_17 li:nth-last-of-type(-n+10),
#sekundaer_nav_links_min.nav_links_18 li:nth-last-of-type(-n+11),
#sekundaer_nav_links_min.nav_links_19 li:nth-last-of-type(-n+12),
#sekundaer_nav_links_min.nav_links_20 li:nth-last-of-type(-n+13), 
#sekundaer_nav_links_min.nav_links_21 li:nth-last-of-type(-n+14), 
#sekundaer_nav_links_min.nav_links_22 li:nth-last-of-type(-n+15), 
#sekundaer_nav_links_min.nav_links_23 li:nth-last-of-type(-n+16), 
#sekundaer_nav_links_min.nav_links_24 li:nth-last-of-type(-n+17), 
#sekundaer_nav_links_min.nav_links_25 li:nth-last-of-type(-n+18) { 
   display: none;
}
#sekundaer_nav_links_add.nav_links_8 li:nth-last-of-type(-n+1),
#sekundaer_nav_links_add.nav_links_9 li:nth-last-of-type(-n+2),
#sekundaer_nav_links_add.nav_links_10 li:nth-last-of-type(-n+3),
#sekundaer_nav_links_add.nav_links_11 li:nth-last-of-type(-n+4),
#sekundaer_nav_links_add.nav_links_12 li:nth-last-of-type(-n+5),
#sekundaer_nav_links_add.nav_links_13 li:nth-last-of-type(-n+6),
#sekundaer_nav_links_add.nav_links_14 li:nth-last-of-type(-n+7),
#sekundaer_nav_links_add.nav_links_15 li:nth-last-of-type(-n+8),
#sekundaer_nav_links_add.nav_links_16 li:nth-last-of-type(-n+9),
#sekundaer_nav_links_add.nav_links_17 li:nth-last-of-type(-n+10),
#sekundaer_nav_links_add.nav_links_18 li:nth-last-of-type(-n+11),
#sekundaer_nav_links_add.nav_links_19 li:nth-last-of-type(-n+12),
#sekundaer_nav_links_add.nav_links_20 li:nth-last-of-type(-n+13), 
#sekundaer_nav_links_add.nav_links_21 li:nth-last-of-type(-n+14), 
#sekundaer_nav_links_add.nav_links_22 li:nth-last-of-type(-n+15), 
#sekundaer_nav_links_add.nav_links_23 li:nth-last-of-type(-n+16), 
#sekundaer_nav_links_add.nav_links_24 li:nth-last-of-type(-n+17), 
#sekundaer_nav_links_add.nav_links_25 li:nth-last-of-type(-n+18) {
   display: block;
}
#sekundaer_nav_activate.nav_links_6,
#sekundaer_nav_activate.nav_links_7 {
   display: none;
}

}

/* === For tablets ================================== */
@media (min-width: 551px) and (max-width:767px) {
    .btn-breadcrumb0 > * div {
        max-width: 80px;
    }
    .btn-breadcrumb0 > *:nth-last-child(-n+3) {
        display:block;
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+3) div {
        max-width: 8px;
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+3) div:before {
        content: "";
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+2) div {
        max-width: 80px;
    } 
    .btn-breadcrumb0 > *:first-of-type div {
        max-width: 50px;
    }
    .btn-breadcrumb0 > *:last-of-type div {
        max-width: 200px;
    }
    
    
    
#sekundaer_nav_links_add li,
#sekundaer_nav_links_min.nav_links_10 li:nth-last-of-type(-n+1),
#sekundaer_nav_links_min.nav_links_11 li:nth-last-of-type(-n+2),
#sekundaer_nav_links_min.nav_links_12 li:nth-last-of-type(-n+3),
#sekundaer_nav_links_min.nav_links_13 li:nth-last-of-type(-n+4),
#sekundaer_nav_links_min.nav_links_14 li:nth-last-of-type(-n+5),
#sekundaer_nav_links_min.nav_links_15 li:nth-last-of-type(-n+6),
#sekundaer_nav_links_min.nav_links_16 li:nth-last-of-type(-n+7),
#sekundaer_nav_links_min.nav_links_17 li:nth-last-of-type(-n+8),
#sekundaer_nav_links_min.nav_links_18 li:nth-last-of-type(-n+9),
#sekundaer_nav_links_min.nav_links_19 li:nth-last-of-type(-n+10),
#sekundaer_nav_links_min.nav_links_20 li:nth-last-of-type(-n+11), 
#sekundaer_nav_links_min.nav_links_21 li:nth-last-of-type(-n+12), 
#sekundaer_nav_links_min.nav_links_22 li:nth-last-of-type(-n+13), 
#sekundaer_nav_links_min.nav_links_23 li:nth-last-of-type(-n+14), 
#sekundaer_nav_links_min.nav_links_24 li:nth-last-of-type(-n+15), 
#sekundaer_nav_links_min.nav_links_25 li:nth-last-of-type(-n+16) { 
   display: none;
}
#sekundaer_nav_links_add.nav_links_10 li:nth-last-of-type(-n+1),
#sekundaer_nav_links_add.nav_links_11 li:nth-last-of-type(-n+2),
#sekundaer_nav_links_add.nav_links_12 li:nth-last-of-type(-n+3),
#sekundaer_nav_links_add.nav_links_13 li:nth-last-of-type(-n+4),
#sekundaer_nav_links_add.nav_links_14 li:nth-last-of-type(-n+5),
#sekundaer_nav_links_add.nav_links_15 li:nth-last-of-type(-n+6),
#sekundaer_nav_links_add.nav_links_16 li:nth-last-of-type(-n+17),
#sekundaer_nav_links_add.nav_links_17 li:nth-last-of-type(-n+18),
#sekundaer_nav_links_add.nav_links_18 li:nth-last-of-type(-n+19),
#sekundaer_nav_links_add.nav_links_19 li:nth-last-of-type(-n+10),
#sekundaer_nav_links_add.nav_links_20 li:nth-last-of-type(-n+11), 
#sekundaer_nav_links_add.nav_links_21 li:nth-last-of-type(-n+12), 
#sekundaer_nav_links_add.nav_links_22 li:nth-last-of-type(-n+13), 
#sekundaer_nav_links_add.nav_links_23 li:nth-last-of-type(-n+14), 
#sekundaer_nav_links_add.nav_links_24 li:nth-last-of-type(-n+15), 
#sekundaer_nav_links_add.nav_links_25 li:nth-last-of-type(-n+16) {
   display: block;
}
#sekundaer_nav_activate.nav_links_6,
#sekundaer_nav_activate.nav_links_7,
#sekundaer_nav_activate.nav_links_8,
#sekundaer_nav_activate.nav_links_9 {
   display: none;
}

}

/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
    .btn-breadcrumb0 > * div {
        max-width: 100px;
    }
    .btn-breadcrumb0 > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+4) div {
        max-width: 8px;
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+4) div:before {
        content: "";
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+3) div {
        max-width: 100px;
    } 
    .btn-breadcrumb0 > *:first-of-type div {
        max-width: 50px;
    }
    .btn-breadcrumb0 > *:last-of-type div {
        max-width: 250px;
    }
    
    
#sekundaer_nav_links_add li,
#sekundaer_nav_links_min.nav_links_13 li:nth-last-of-type(-n+1),
#sekundaer_nav_links_min.nav_links_14 li:nth-last-of-type(-n+2),
#sekundaer_nav_links_min.nav_links_15 li:nth-last-of-type(-n+3),
#sekundaer_nav_links_min.nav_links_16 li:nth-last-of-type(-n+4),
#sekundaer_nav_links_min.nav_links_17 li:nth-last-of-type(-n+5),
#sekundaer_nav_links_min.nav_links_18 li:nth-last-of-type(-n+6),
#sekundaer_nav_links_min.nav_links_19 li:nth-last-of-type(-n+7),
#sekundaer_nav_links_min.nav_links_20 li:nth-last-of-type(-n+8), 
#sekundaer_nav_links_min.nav_links_21 li:nth-last-of-type(-n+9), 
#sekundaer_nav_links_min.nav_links_22 li:nth-last-of-type(-n+10), 
#sekundaer_nav_links_min.nav_links_23 li:nth-last-of-type(-n+11), 
#sekundaer_nav_links_min.nav_links_24 li:nth-last-of-type(-n+12), 
#sekundaer_nav_links_min.nav_links_25 li:nth-last-of-type(-n+13) { 
   display: none;
}
#sekundaer_nav_links_add.nav_links_15 li:nth-last-of-type(-n+1),
#sekundaer_nav_links_add.nav_links_16 li:nth-last-of-type(-n+2),
#sekundaer_nav_links_add.nav_links_17 li:nth-last-of-type(-n+3),
#sekundaer_nav_links_add.nav_links_18 li:nth-last-of-type(-n+4),
#sekundaer_nav_links_add.nav_links_19 li:nth-last-of-type(-n+5),
#sekundaer_nav_links_add.nav_links_20 li:nth-last-of-type(-n+6), 
#sekundaer_nav_links_add.nav_links_21 li:nth-last-of-type(-n+7), 
#sekundaer_nav_links_add.nav_links_22 li:nth-last-of-type(-n+8), 
#sekundaer_nav_links_add.nav_links_23 li:nth-last-of-type(-n+9), 
#sekundaer_nav_links_add.nav_links_24 li:nth-last-of-type(-n+10), 
#sekundaer_nav_links_add.nav_links_25 li:nth-last-of-type(-n+11) {
   display: block;
}
#sekundaer_nav_activate.nav_links_6,
#sekundaer_nav_activate.nav_links_7,
#sekundaer_nav_activate.nav_links_8,
#sekundaer_nav_activate.nav_links_9,
#sekundaer_nav_activate.nav_links_10,
#sekundaer_nav_activate.nav_links_11,
#sekundaer_nav_activate.nav_links_12 {
   display: none;
}

}

/* === For desktops ================================== */
@media (min-width: 992px) {
    .btn-breadcrumb0 > *:nth-last-child(-n+5) {
        display:block;
    } 
    .btn-breadcrumb0 > * div {
        max-width: 120px;
    }
    .btn-breadcrumb0 > *:last-of-type div {
        max-width: 200px;
    }


    .btn-breadcrumb0 > * div {
        max-width: 120px;
    }
    .btn-breadcrumb0 > *:nth-last-child(-n+5) {
        display:block;
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+5) div {
        max-width: 8px;
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+5) div:before {
        content: "";
    } 
    .btn-breadcrumb0 > *:nth-last-child(-n+4) div {
        max-width: 120px;
    } 
    .btn-breadcrumb0 > *:first-of-type div {
        max-width: 50px;
    }
    .btn-breadcrumb0 > *:last-of-type div {
        max-width: 250px;
    }
    
    
    
#sekundaer_nav_links_add li,
#sekundaer_nav_links_min.nav_links_16 li:nth-last-of-type(-n+1),
#sekundaer_nav_links_min.nav_links_17 li:nth-last-of-type(-n+2),
#sekundaer_nav_links_min.nav_links_18 li:nth-last-of-type(-n+3),
#sekundaer_nav_links_min.nav_links_19 li:nth-last-of-type(-n+4),
#sekundaer_nav_links_min.nav_links_20 li:nth-last-of-type(-n+5), 
#sekundaer_nav_links_min.nav_links_21 li:nth-last-of-type(-n+6), 
#sekundaer_nav_links_min.nav_links_22 li:nth-last-of-type(-n+7), 
#sekundaer_nav_links_min.nav_links_23 li:nth-last-of-type(-n+8), 
#sekundaer_nav_links_min.nav_links_24 li:nth-last-of-type(-n+9), 
#sekundaer_nav_links_min.nav_links_25 li:nth-last-of-type(-n+10) { 
   display: none;
}
#sekundaer_nav_links_add.nav_links_16 li:nth-last-of-type(-n+1),
#sekundaer_nav_links_add.nav_links_17 li:nth-last-of-type(-n+2),
#sekundaer_nav_links_add.nav_links_18 li:nth-last-of-type(-n+3),
#sekundaer_nav_links_add.nav_links_19 li:nth-last-of-type(-n+4),
#sekundaer_nav_links_add.nav_links_20 li:nth-last-of-type(-n+5), 
#sekundaer_nav_links_add.nav_links_21 li:nth-last-of-type(-n+6), 
#sekundaer_nav_links_add.nav_links_22 li:nth-last-of-type(-n+7), 
#sekundaer_nav_links_add.nav_links_23 li:nth-last-of-type(-n+8), 
#sekundaer_nav_links_add.nav_links_24 li:nth-last-of-type(-n+9), 
#sekundaer_nav_links_add.nav_links_25 li:nth-last-of-type(-n+10) {
   display: block;
}
#sekundaer_nav_activate.nav_links_6,
#sekundaer_nav_activate.nav_links_7,
#sekundaer_nav_activate.nav_links_8,
#sekundaer_nav_activate.nav_links_9,
#sekundaer_nav_activate.nav_links_10,
#sekundaer_nav_activate.nav_links_11,
#sekundaer_nav_activate.nav_links_12,
#sekundaer_nav_activate.nav_links_13,
#sekundaer_nav_activate.nav_links_14,
#sekundaer_nav_activate.nav_links_15 {
   display: none;
}

}