/**
 * @file        /a_layout/css/ci_colors_website_01.css
 * @copyright   Copyright (C) 2006 - 2026 codeDESIGN | Milos Mandic / All rights reserved.
 * @link        https://www.filterverlag.de
 * @author      codeDESIGN | Milos Mandic <milos.mandic@filterverlag.de>
 */

/* codeDESIGN - ci_colors.css */
@charset "utf-8";

body.website_01 div.foobar {
	color: var(--ci_color_accent_0);
}
body.website_01 div.foobar:hover {
	color: var(--ci_color_accent_0_hover);
}
body.website_02 div.foobar {
	color: var(--ci_color_accent_3);
}
body.website_02 div.foobar:hover {
	color: var(--ci_color_accent_3_hover);
}



/*
body.website_01 div.cms_featured_scrollto_tabs a {
	background: var(--ci_color_accent_0_hover);
	color: var(--ci_color_accent_0_text);
}
body.website_01 div.cms_featured_scrollto_tabs a:hover {
	background: var(--ci_color_accent_0);
	color: var(--ci_color_accent_0_text);
}
body.website_01 div.cms_featured_scrollto_tabs a.active, 
body.website_01 div.cms_featured_scrollto_tabs a.active:hover {
	background: var(--ci_color_accent_0);
}
body.website_02 div.cms_featured_scrollto_tabs a {
	background: var(--ci_color_accent_2_hover);
	color: var(--ci_color_accent_2_text);
}
body.website_02 div.cms_featured_scrollto_tabs a:hover {
	background: var(--ci_color_accent_2);
	color: var(--ci_color_accent_2_text);
}
body.website_02 div.cms_featured_scrollto_tabs a.active, 
body.website_02 div.cms_featured_scrollto_tabs a.active:hover {
	background: var(--ci_color_accent_2);
}


body.website_01 .hc-offcanvas-nav ul.offcanvas_navigation_main li.nav-item a.nav-item-link:hover {
	background: var(--ci_color_accent_0_hover);
	color: var(--ci_color_accent_0_text);
	border-left: 4px solid var(--ci_color_accent_0);
}
body.website_02 .hc-offcanvas-nav ul.offcanvas_navigation_main li.nav-item a.nav-item-link:hover {
	background: var(--ci_color_accent_2_hover);
	color: var(--ci_color_accent_2_text);
	border-left: 4px solid var(--ci_color_accent_2_text);
}


body.website_01 div.slider_swiper_folder_menu_url-swiper-button-prev,
body.website_01 div.slider_swiper_folder_menu_url-swiper-button-next {
	background: var(--ci_color_accent_0);
	color: var(--ci_color_accent_0_text);
}
body.website_01 div.slider_swiper_folder_menu_url-swiper-button-prev:hover,
body.website_01 div.slider_swiper_folder_menu_url-swiper-button-next:hover {
	background: var(--ci_color_accent_0_hover);
	color: var(--ci_color_accent_0_text);
}
body.website_02 div.slider_swiper_folder_menu_url-swiper-button-prev,
body.website_02 div.slider_swiper_folder_menu_url-swiper-button-next {
	background: var(--ci_color_accent_2);
	color: var(--ci_color_accent_2_text);
}
body.website_02 div.slider_swiper_folder_menu_url-swiper-button-prev:hover,
body.website_02 div.slider_swiper_folder_menu_url-swiper-button-next:hover {
	background: var(--ci_color_accent_2_hover);
	color: var(--ci_color_accent_2_text);
}
body.website_01 div.slider_swiper_folder_menu_url-swiper-button-prev:before,
body.website_01 div.slider_swiper_folder_menu_url-swiper-button-next:before,
body.website_01 div.slider_swiper_folder_menu_url-swiper-button-prev:after,
body.website_01 div.slider_swiper_folder_menu_url-swiper-button-next:after {
	color: var(--ci_color_accent_0_text);
}
body.website_02 div.slider_swiper_folder_menu_url-swiper-button-prev:before,
body.website_02 div.slider_swiper_folder_menu_url-swiper-button-next:before,
body.website_02 div.slider_swiper_folder_menu_url-swiper-button-prev:after,
body.website_02 div.slider_swiper_folder_menu_url-swiper-button-next:after {
	color: var(--ci_color_accent_2_text);
}
*/


/* GLOBAL CSS VARIABLES */
:root {

	scrollbar-color: var(--ci_color_black) var(--ci_color_white);
	scrollbar-width: thin;
	
	scrollbar-color: #545655 #F8F8F8;
	
	--ci_color: #003677;
	--ci_color_hover: #0F56A3;
	--ci_color_black: #545655;
	--ci_color_white: #ffffff;
	--ci_color_grey: #d2d2d2;
	--ci_color_dark_grey: #545655;
	--ci_color_light_grey: #EFF1F2;
	--ci_color_blue: #545655;
	--ci_color_light_blue: #28313E;
	
	--ci_color_1_final: #28313E;
	--ci_color_2_final: #28313E;

	--ci_color_0: #545655;		
	--ci_color_1: #28313E;
	--ci_color_2: #153C89;
	--ci_color_3: #4F7194;
	--ci_color_4: #878787;
	--ci_color_5: #545655;
	--ci_color_6: #121212;
	
	--ci_color_accent_0_print: #023878;
	--ci_color_accent_0_print_hover: #1957A3;
	--ci_color_accent_2_print: #BCAF9D;
	--ci_color_accent_2_print_hover: #D5C9B5;

	--ci_color_accent_0: #003677;
	--ci_color_accent_0_hover: #0F56A3;
	--ci_color_accent_0_text: #ffffff;	
	--ci_color_accent_1: #0F56A3;
	--ci_color_accent_1_hover: #003677;
	--ci_color_accent_1_text: #ffffff;
	--ci_color_accent_2: #DAD8D4;
	--ci_color_accent_2_hover: #e1dfdc;
	--ci_color_accent_2_text: #545655;
	--ci_color_accent_3: #D0C5AF;
	--ci_color_accent_3_hover: #B6AA96;
	--ci_color_accent_3_text: #ffffff;
	--ci_color_accent_4: #545655;	
	--ci_color_accent_4_hover: #28313E;
	--ci_color_accent_4_text: #ffffff;
	--ci_color_accent_5: #4F7194;	
	--ci_color_accent_5_hover: #28313E;
	--ci_color_accent_5_text: #ffffff;
	--ci_color_accent_6: #121212;	
	--ci_color_accent_6_hover: #28313E;
	--ci_color_accent_6_text: #ffffff;
	
	--ci_color_accent_0_pulse_0: rgba(0, 54, 119, 0.7);
	--ci_color_accent_0_pulse_70: rgba(0, 54, 119, 0);
	--ci_color_accent_0_pulse_100: rgba(0, 54, 119, 0);
		
	--ci_color_svg_1: #28313E;
	--ci_color_svg_2:	#28313E;
	--ci_color_svg_3: #153C89;
	--ci_color_svg_4:	#4F7194;
	
	--ci_logo_01_color: #153C89;
	--ci_logo_01_grey: #878787;
	
	--ci_logo_02_color: #545655;
	--ci_logo_02_grey: #878787;
	
	--ci_logo_02_color: #4F7194
	--ci_logo_02_grey: #878787;
	
	--bg_color_tooltip: #28313E;
	--font_color_tooltip: #ffffff;
	
	--project-color-1: #545655;
	--project-color-2: #28313E;
	--project-color-3: #545655;
	--project-color-4: #545655;
	--project-color-5: #28313E;	
	--project-color-6: #E5E7F0;
	
	--project-color-7: #545655;
	--project-color-8: #3C5689;
	--project-color-9: #4665A1;
	--project-color-10: #809BC1;
	--project-color-11: #E5E7F0;	
	--project-color-12: #F1F2F8;
	
	/* CHECK layout_system_messages.css */
	--ci_color_success: #28a745;
	--ci_color_error: #dc3545;
	--ci_color_warning: #f7e1b5;
	--ci_color_waiting: #e2e2e2;
	--ci_color_cancel: #e2e2e2;
	--ci_color_cancel_hover: #e2e2e2;
	
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #ffffff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--black: #0F0F0F;
	
}
.ci_gradient {
	background: #28313e;
	background: -moz-linear-gradient(left, #28313e 0%, #28313e 100%);
	background: -webkit-linear-gradient(left, #28313e 0%,#28313e 100%);
	background: linear-gradient(to right, #28313e 0%,#28313e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28313e', endColorstr='#28313e',GradientType=1 );
}