/* CSS Document */

:root {
	--primary:   #000; 	/*  ok schwarz 	Primarym Highlight (Headlines, Buttons, hover etc.) */

	
	/* BOF BODY: */
	--background: #fff;			/* ok weiss MAIN-BG-COLOR SHOP*/
	--background_light: #dbdbdb;/* ok hellgrauer Hintergrund Flächen Slider */
	--darkgrey: #55504b;		/* ok dunkelgrau für Flächen footer */
	--buttons: #000;			/* buttons normal bg - wie primary orange */
	
		--buttons_hover_dark: 	#388E3C;			/* buttons normal bg - wie primary orange */
		--buttons_hover_bright: #43a047;			/* buttons normal bg - wie primary orange */
	--sticker_text: #fff;
	--linkcolor: #000;
	--textcolor: #000;			
	--textcolorlight: #8b8178; 	/* heller Text */
	--pagination_grey: #b7b1a9; /* #e5e5e5 hellgrau pagination ededed */ 
	/* EOF BODY */
	
	/* BOF HEADER: ACHTUNG, nicht zwingnd für mainnav! */
	--background_header: #fff;	/* ok */
	--linkcolor_header: #000;

	--textcolor_header: #000;	/*  */
	--headerheight_hoch: 480px;
	--headerheight_flach: 220px;
	
	--header_bg_grey: #fff;
	--header_bg_grey_text: #000;
	--header_bg_grey_text_size: 15px;
	--header_bg_grey_text_weight: 600;

	/* EOF HEADER */
	
	
	/* BOF FOOTER: */
	--background_footer: #000;	/* ok wie --black für Flächen */
	--linkcolor_footer: #888;
	--linkcolor_footer_hover: #fff;
	--textcolor_footer: #888;	/*  */
	/* EOF FOOTER */
	
	--body-fonts: Inter, Helvetica, Arial, sans-serif;
	--body-fonts-size: 18px;
	--body-fonts-weight: 400;
	--body-fonts-style: normal;
	


	--mainnav-fonts-size: 16px;
	--mainnav-fonts-color: #000;
	
	--head-fonts: Inter, Helvetica, Arial, sans-serif;
	--head-fonts-size: 22px; /* alt: 78px */
	--head-fonts-weight: 500;
	--head-fonts-style: normal;
	--head-fonts-case: none;
	
	--avail_color_red: #990000;		/* rot wie highlight */
	--avail_color_yellow: #ffc900;	/* gelb */
	--avail_color_green: #43a047;	/* grün wie secondary*/
	
	--primary_hover: #004393;	/* hover buttons im slider */
	
	
	--video_height_big: 640px;
	--video_height_small: 265px;
}