/*=========================================================MeineNaviFarben.css

Diese Datei wurde automatisch durch
navi_farben.php erzeugt.

NICHT MANUELL ÄNDERN.=========================================================*/


:root {

/*=====================================================HAUPTNAVIGATION=====================================================*/

--nav_bg: #890000;
--nav_text: #FFF;
--nav_link: #FFFFFF;

--nav_hover_bg: #CE0418;
--nav_hover_text: #FFFF00;

--nav_active_bg: #F9264B;
--nav_active_text: #FFFFFF;


/*=====================================================DROPDOWN=====================================================*/

--dropdown_bg: #890000;
--dropdown_text: #FFF;

--dropdown_hover_bg: #CE0418;
--dropdown_hover_text: #FFFF00;

--dropdown_active_bg: #690000;
--dropdown_active_text: #FFFFFF;


/*=====================================================HAMBURGER=====================================================*/

--toggler_border: #890000;
--toggler_icon: #FF80C0;


/*=====================================================SEITE=====================================================*/

--page_bg: #690000;
}


/*=========================================================SEITENHINTERGRUND=========================================================*/

body {

background-color:
var(--page_bg) !important;
}


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

#main_navbar {

background-color:
var(--nav_bg) !important;

color:
var(--nav_text) !important;
}


/*=========================================================HAUPTMENÜ LINKS=========================================================*/

#main_navbar
.navbar-nav> .nav-item
> .nav-link,

#main_navbar
.navbar-nav
> .nav-item
> .haupt-menu {

color:
var(--nav_link) !important;

background-color:
var(--nav_bg) !important;
}


/* =========================================================
HAUPTMENÜ HOVER
========================================================= */

#main_navbar
.navbar-nav
> .nav-item
> .nav-link:hover,

#main_navbar
.navbar-nav
> .nav-item
> .haupt-menu:hover {

color:
var(--nav_hover_text) !important;

background-color:
var(--nav_hover_bg) !important;
}


/* =========================================================
HAUPTMENÜ AKTIV
========================================================= */

#main_navbar
.navbar-nav
> .nav-item
> .nav-link.menu-aktiv,

#main_navbar
.navbar-nav
> .nav-item
> .haupt-menu.menu-aktiv {

color:
var(--nav_active_text) !important;

background-color:
var(--nav_active_bg) !important;
}


/* =========================================================
DROPDOWN HINTERGRUND
========================================================= */

#main_navbar
.dropdown-menu {

background-color:
var(--dropdown_bg) !important;
}


/* =========================================================
DROPDOWN LINKS
========================================================= */

#main_navbar
.dropdown-menu
.dropdown-item {

color:
var(--dropdown_text) !important;

background-color:
var(--dropdown_bg) !important;
}


/* =========================================================
DROPDOWN HOVER
========================================================= */

#main_navbar
.dropdown-menu
.dropdown-item:hover,

#main_navbar
.dropdown-menu
.dropdown-item:focus {

color:
var(--dropdown_hover_text) !important;

background-color:
var(--dropdown_hover_bg) !important;
}


/* =========================================================
DROPDOWN AKTIV
========================================================= */

#main_navbar
.dropdown-menu
.dropdown-item.menu-aktiv,

#main_navbar
.dropdown-menu
.dropdown-item.active {

color:
var(--dropdown_active_text) !important;

background-color:
var(--dropdown_active_bg) !important;
}


/* =========================================================
HAMBURGER RAHMEN
========================================================= */

#main_navbar
.navbar-toggler {

border-color:
var(--toggler_border) !important;
}


/* =========================================================
HAMBURGER ICON
========================================================= */

#main_navbar
.navbar-toggler-icon {

background-image:
linear-gradient(
to bottom,

transparent 0%,
transparent 20%,

var(--toggler_icon) 20%,
var(--toggler_icon) 30%,

transparent 30%,
transparent 45%,

var(--toggler_icon) 45%,
var(--toggler_icon) 55%,

transparent 55%,
transparent 70%,

var(--toggler_icon) 70%,
var(--toggler_icon) 80%,

transparent 80%,
transparent 100%
) !important;
}


/* =========================================================
DROPDOWN PFEIL
========================================================= */

#main_navbar
.dropdown-toggle::after {

color:
var(--nav_text) !important;
}