/* CORPORATE COLORS
   ================================================== */
.red 										{ background: #ff7876;}
.green 										{ background: #00c597;}
.blue 										{ background: #25b7e0;}


/* NAVIGATION
   ================================================== */

/* default */
navigation a 								{ color: white !important; border: none !important; }
navigation a:hover 							{ color: black !important; background: none !important; }
navigation li.active a,
navigation a:focus 							{ color: black !important; background: none !important;}

/* toggle */
navigation button.toggleNav 				{ background-color: black; background-image: none;}
button.toggleNav .icon-bar 					{ background-color: white;}

/* responsive navigation */
navigation#responsiveNavigation.affix-top 	{ background: transparent !important;}

/* OVERALL COLOR-SCHEME
   ================================================== */
/* TEXT */
p															{color: black;}


/* HEADLINES */
span.highlight												{color: black;}


/* LINKS */
a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover 													{ color: black !important;}

/* IMAGES */
.image														{ /*background: black;*/}

/* BLACK BOXES */
.blackbox													{ background: black;	}

.blackbox.text,
.blackbox.text .highlight,	
.blackbox.text p	
															{ color: white;}
/* links inside black boxes */
.blackbox.text p a,
.blackbox.text:hover a,
.blackbox.text a:hover										{ color: white !important;}	


/* WHITE BOXES */
.whitebox													{ background: white;}

.whitebox.text,
.whitebox.text .highlight,	
.whitebox.text p											{ color: black !important;}	

/* links inside white boxes */
.whitebox.text p a,
.whitebox.text:hover a,
.whitebox.text a:hover										{ color: black !important;}	


/* HIGHLIGHT BOXES */
.highlightbox h1,
.highlightbox h2,
.highlightbox h3,
.highlightbox h4,
.highlightbox h5											{ color: white !important;}

.highlightbox.text .highlight								{ color: black;}

.highlightbox.text p										{ color: white;}

.highlightbox blockquote,
.highlightbox blockquote:before,
.highlightbox blockquote:after,
.highlightbox blockquote p,
.highlightbox blockquote p:before,
.highlightbox blockquote p:after 							{ color: white !important;}

/* list elements inside highlight boxes */
.highlightbox ul li,
.highlightbox ul li:before,
.highlightbox ol li											{ color: white !important; }

/* links inside highlight boxes */
.highlightbox.text a									 	{ color: white !important;}
.highlightbox.text p a 										{ border-bottom: 1px solid white !important;}

.highlightbox.text:hover a,
.highlightbox.text:hover p a,
.highlightbox.text p a:hover								{ color: black !important; border-bottom: 1px solid black;}


/* CAROUSEL */
/* arrow */
.carousel-control											{ color: white !important; border: none !important;}

/* index */
.carousel-indicators li,
.carousel-indicators li.active								{ background-color: white;}

.carousel-indicators li:hover,
.carousel-indicators li.active 								{ background-color: black;}

/* counter */
.carousel-indicators-numbers li 							{ color: white; }

/* SECTION */
section		 												{ background: url(../img/Grafiken/Herbstwest-Hintergrund-Default.png) fixed;}

/* DEFAULT COLOR-SCHEME (f.e. HOME)
   ================================================== */
/* NAVIGATION */ 
navigation#navigation .navigation 							{ background: #ff7876;}

/* responsive navigation */
navigation#responsiveNavigation.affix-top .navigation, 
navigation#responsiveNavigation.affix 						{ background: #ff7876;}

   
/* TEXT */
blockquote,
blockquote:before,
blockquote:after,
blockquote p,
blockquote p:before,
blockquote p:after 											{ color: #ff7876;}


/* HEADLINES */
h1,
h2,
h3,
h4,
h5 															{ color: #ff7876;}


/* LINKS */
a 															{ color: #ff7876;}
p a															{ border-bottom: 1px solid #ff7876;} 

/* LIST ELEMENTS */
li:before 													{ color: #ff7876; }


/* BLACK BOXES */
.blackbox.text:hover p a,
.blackbox.text p a:hover 									{ color: #ff7876 !important;}


/* WHITE BOXES */
/* links inside white boxes */
.whitebox.text:hover p a,
.whitebox.text p a:hover									{ color: #ff7876 !important;}


/* HIGHLIGHT BOXES */
.highlightbox												{ background: #ff7876;}


/* CAROUSEL */
.carousel-control 											{ background: #ff7876 !important;}
.carousel-indicators li  									{ border-color: #ff7876;}
.carousel-indicators-numbers li 							{ border-color: #ff7876; background: #ff7876;}


/* BUTTONS */
 .btn-default {
	color: white;
	background-color: #ff7876;	 
 }
 .whitebox.text:hover .btn-default {
    color: black!important;
}

.btn-default:hover,
 .whitebox.text:hover .btn-default:hover{
	color: white !important;
	background-color: black;	 
 }
 


/* ABOUT COLOR-SCHEME 
   ================================================== */
/* NAVIGATION */
navigation#navigation.about .navigation 					{ background: #25b7e0;}   

/* responsive navigation */
navigation#responsiveNavigation.about 						{ background: #25b7e0 !important;}
  
/* TEXT */
#about blockquote,
#about blockquote:before,
#about blockquote:after,
#about blockquote p,
#about blockquote p:before,
#about blockquote p:after 									{ color: #25b7e0;}


/* HEADLINES */
#about h1,
#about h2,
#about h3,
#about h4,
#about h5 													{ color: #25b7e0;}


/* LINKS */
#about a 													{ color: #25b7e0;}
#about p a													{ border-bottom: 1px solid #25b7e0;} 


/* LIST ELEMENTS */
#about li:before 											{ color: #25b7e0; }


/* BLACK BOXES */
#about .blackbox.text:hover p a,
#about .blackbox.text p a:hover								{ color: #25b7e0 !important;}


/* WHITE BOXES */
/* links inside white boxes */
#about .whitebox.text:hover p a,
#about .whitebox.text p a:hover								{ color: #25b7e0 !important;}


/* HIGHLIGHT BOXES */
#about .highlightbox										{ background: #25b7e0;}


/* CAROUSEL */
#about .carousel-control 									{ background: #25b7e0 !important;}
#about .carousel-indicators li  							{ border-color: #25b7e0;}
#about .carousel-indicators-numbers li 						{ border-color: #25b7e0; background: #25b7e0;}
 
/* SECTION */
section#about 												{ background: url(../img/Grafiken/Herbstwest-Hintergrund-About.png) fixed;}


/* DETAIL COLOR-SCHEME 
   ================================================== */  
/* NAVIGATION */ 
#detail navigation#navigation .navigation 					{background: #00c597;}

/* responsive navigation */
#detail navigation#responsiveNavigation .navigation,
#detail navigation#responsiveNavigation.affix 				{background: #00c597 !important;}
   
/* TEXT */
#detail blockquote,
#detail blockquote:before,
#detail blockquote:after,
#detail blockquote p,
#detail blockquote p:before,
#detail blockquote p:after 									{ color: #00c597;}


/* HEADLINES */
#detail h1,
#detail h2,
#detail h3,
#detail h4,
#detail h5 													{ color: #00c597;}


/* LIST ELEMENTS */
#detail li:before 											{ color: #00c597; }


/* LINKS */
#detail a 													{ color: #00c597;}
#detail p a													{ border-bottom: 1px solid #00c597;} 


/* BLACK BOXES */
#detail .blackbox.text:hover p a,
#detail .blackbox.text p a:hover							{ color: #00c597 !important;}


/* WHITE BOXES */
/* links inside white boxes */
#detail .whitebox.text:hover p a,
#detail .whitebox.text p a:hover							{ color: #00c597 !important;}


/* HIGHLIGHT BOXES */
#detail .highlightbox										{ background: #00c597;}


/* CAROUSEL */
#detail .carousel-control 									{ background: #00c597 !important;}

#detail .carousel-indicators li  							{ border-color: #00c597;}
#detail .carousel-indicators-numbers li 					{ border-color: #00c597; background: #00c597;}


/* SECTION */


/* DETAIL: SAXOPRINT
================================================== */
section#saxoprint 											{ background: black;}
section#saxoprint .text p,
section#saxoprint .text										{ color: white; }
section#saxoprint .highlightbox 							{ background: #FF5800;}
section#saxoprint h1 span.highlight 						{ color: black !important;}

/* DETAIL: RINK
================================================== */
section#rink 												{ background: #005988;}
section#rink .text p,
section#rink .text											{ color: white; }
section#rink .highlightbox 									{ background: #009CE2;}
section#rink h1 span.highlight 								{ color: black !important;}