/* Searchbar */
div#searchDiv {
  background-color: #ffffff !important;
  border: 1px solid #CC0000;
  border-radius: 5px;
}
input#ef-search-bar {
  color: #CC0000 !important;
}

/* Placeholder Searchbar */
::-webkit-input-placeholder { /* Edge */
  color: #cccccc !important;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #cccccc !important;
}

::placeholder {
  color: #cccccc !important;
}

/* Icon-Menu */
li.hidden-xs:hover {
  background-color: #CC0000;  
}
i.fa.fa-power-off, i.fa.fa-arrow-left, i.fa.fa-comments-o, i.fa.fa-bell-o, .fa.fa-times, i.fa.fa-link {
  color: #CC0000 !important;
}
#ef-navbar .container ul.nav.navbar-nav li a.dropdown-item i {
  opacity: 1;
}
b.caret {
  color: #CC0000;
}

/* Hover-Effekte für alle Header-Icons */
#ef-navbar li i, #ef-navbar li a i {
  transition: background-color 0.3s, color 0.3s; /* Weicher Übergang */
}

#ef-navbar li:hover i, #ef-navbar li:hover a i {
  background-color: #CC0000 !important; /* Rot hinterlegt */
  color: #FFFFFF !important; /* Weißer Icon */
  border-radius: 50%; /* Runde Hintergrundform */
  padding: 5px; /* Platz um das Icon */
  display: inline-block; /* Stellt sicher, dass Hintergrund sichtbar ist */
}

/* Buttons Impressum und Datenschutz */
#ef-navbar .container ul.nav.navbar-nav li a[href*="impressum"], 
#ef-navbar .container ul.nav.navbar-nav li a[href*="datenschutz"] {
  color: #CC0000 !important; /* Standardfarbe Rot */
  transition: background-color 0.3s, color 0.3s; /* Weicher Übergang */
  padding: 5px 10px; /* Platz um den Text */
  border-radius: 5px; /* Runde Ecken */
}

#ef-navbar .container ul.nav.navbar-nav li a[href*="impressum"]:hover, 
#ef-navbar .container ul.nav.navbar-nav li a[href*="datenschutz"]:hover {
  background-color: #CC0000 !important; /* Rot beim Hovern */
  color: #FFFFFF !important; /* Weiße Schrift beim Hovern */
}

/* Dropdown Menu */
ul.dropdown-menu, li.divider {
  background: #fff !important;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover, 
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:focus {
  background-color: #CC0000 !important; /* Rot beim Hovern */
  color: #FFFFFF !important; /* Weiße Schrift beim Hovern */
}
ul#ef-navigation li:hover {
  background-color: #CC0000;
}
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
  background-color: #fff !important;
}
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
  background: #fff !important;
}
ul.dropdown-menu a {
  color: #CC0000 !important;
}
ul.dropdown-menu a:hover {
  color: #FFFFFF !important; /* Weiße Schrift beim Hovern */
}
li.show-all {
  border-top: 2px solid #fff !important;
}
#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
  border-bottom: none;
}
.no-results {
  color: #CC0000 !important;
  text-decoration: underline;
}
.dropdown-menu > li > a:hover {
  background-color: #CC0000 !important; /* Rot beim Hovern */
  color: #FFFFFF !important; /* Weiße Schrift */
}

/* Profile Menu */
span.img-overlay {
  border: 1px solid #fff;
}
li.user-preferences:hover {
  background-color: #fff !important;
}

/* Breadcrumbs */
.breadcrumb-x {
  background-color: #CC0000;
}

/* Änderungen: Breadcrumb Textfarbe */
.breadcrumb-x a {
  color: #ffffff !important; /* Textfarbe für Links in Breadcrumbs */
}
.ef-breadcrumb li.active {
  text-decoration: underline;
  color: #ffffff !important; /* Textfarbe für aktives Element im Breadcrumb */
}

li.hidden-xs a, li.hidden-sm.hidden-xs a, ul#ef-navigation li a {
  color: #CC0000 !important;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active) {
  background-color: #CC0000 !important; /* Hintergrundfarbe Rot */
  border-color: #CC0000 !important; /* Rahmenfarbe Rot */
  color: #FFFFFF !important; /* Textfarbe Weiß */
}
div.breadcrumb-x {
  background-color: #CC0000;
  border-color: #CC0000;
}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
html.new-ui-html:root {
  --c-brand-primary: #e5eff7;
  --c-brand-primary-darken-5: #e0eaf2;
  --c-brand-primary-darken-7: #dee8f0;
  --c-brand-primary-darken-10: #dbe5ed;
  --c-brand-primary-darken-15: #d6e0e8;
  --c-brand-primary-darken-17: #d4dee6;
  --c-brand-primary-darken-20: #d1dbe3;
  --c-brand-primary-darken-25: #ccd6de;
  --c-brand-primary-lighten-7: #ecf6fe;
  --c-brand-primary-lighten-40: #ffffff;
}