/* CSS Document */

:root {
	
	/* PRIMARY COLOR PALETTE: */

	
	/* NOIFICATION PALETTE: */
	--success: #090;
	--warning: #ff0;
	--error:   #900;
	
	
	--primary:   #00315e; 	/*  ok schwarz 	Primarym Highlight (Headlines, Buttons, hover etc.) */
	--secondary: #00315e; 	/*  türkis 		Secondary Highlight "SALE" (Sublines, etc.) */
	--highlight: #00315e; 	/*  auch türkis 	Sticker Highlight (New, Monatsproduct etc.) */
	
	/* BOF BODY: */
	--background: #fff;			/* ok weiss MAIN-BG-COLOR SHOP*/
	--background_light: #C0C0C0;/* ok hellgrauer Hintergrund Flächen Slider */
	--darkgrey: #55504b;		/* ok dunkelgrau für Flächen footer */
	--lightgrey: #ccc;		/* ok hellgrau  */
	--buttons: #00315e;			/* buttons normal bg - wie secondary */
	
		--buttons_hover_dark: 	#388E3C;	/* nur Cookie-buttons  */
		--buttons_hover_bright: #43a047;	/* nur Cookie-buttons  */
	
	--linkcolor: #232425;
	--textcolor: #232425;			
	--textcolorlight: #8b8178; 	/* heller Text */
	--pagination_grey: var(--lightgrey); 
	/* EOF BODY */
	
	/* BOF HEADER: ACHTUNG, nicht zwingnd für mainnav! */
	--header_height: 120px;
	--background_header: var(--background);
	--linkcolor_header: var(--textcolor);
	--linkcolor_header_hover: var(--secondary); 
	--textcolor_header: var(--textcolor);
	
	--headerheight_hoch: 480px;
	--headerheight_flach: 220px;
	/* EOF HEADER */
	
	
	/* BOF FOOTER: */
	--background_footer: var(--background);
	--linkcolor_footer: var(--textcolor);
	--linkcolor_footer_hover: var(--secondary); 
	--textcolor_footer: var(--textcolor);
	/* EOF FOOTER */
	
	--body-fonts: "fira sans", sans-serif;
	--body-fonts-size: 16px;
	--body-fonts-weight: 400;
	--body-fonts-style: normal;
	


	--mainnav-fonts-size: 16px;
	--mainnav-fonts-color: var(--textcolor);
	
	--head-fonts: "Oranienbaum", serif;
	--head-fonts-size: 36px; /* alt: 78px */
	--head-fonts-weight: 400;
	--head-fonts-style: normal;
	--head-fonts-case: none;
	
	--avail_color_red: var(--error);
	--avail_color_yellow: var(--warning);
	--avail_color_green: var(--success);
	
	--primary_hover: #004393;	/* hover buttons im slider */
	
	
	--video_height_big: 640px;
	--video_height_small: 265px;
	
	
}
