/* Anpassungen für Logogröße */

#ef-navbar .container .navbar-header
{
  max-width:225px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo img
{
  max-width:100%;
}

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

body {
  background-color:#E0E1DD;
  background-attachment: fixed;
  background-size: cover;
  opacity: 0.85;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}

body.ef-user-signed-in {
  background-color: #E0E1DD;
}

/* Weißer Header */
#ef-navbar {
  background: #ffffff;
  height: 100px;
}

/* Logo-Größe */
#ef-navbar .container .navbar-header .ef-navbar-logo {
  width: 225px;
  height: 108px;
 }

#ef-navbar .container .navbar-header .ef-navbar-logo img {
  width: 225px;
  height: 108px;
  object-fit: contain;
}

#usersTable > tbody > tr > td {
  word-break: break-word;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header {
  max-height: 40px;
}

#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
  background: none;
}

#ef-navbar .container ul.nav.navbar-nav > li > a,
#ef-navbar .container ul.nav.navbar-nav > li > button,
#ef-navbar .container ul.nav.navbar-nav > li > a:hover,
#ef-navbar .container ul.nav.navbar-nav > li > button:hover {
  color: #B71234;
  font-family: 'Lato', sans-serif;
}

#searchDiv,
#ef-navbar form.navbar-form input[type=text],
#searchDivRight {
  background-color: #ffffff !important;
}

#searchDiv {
  box-shadow: 0px 0px 2px 2px #e0e0e0;
}

.btn.btn-primary.btn-xs.ef-expiration-radio.ef-expiration-years.active {
  background: #B71234;
  font-family: 'Lato', sans-serif;
}

h3.media-heading {
  font-size: 20px;
  font-family: 'Lato', sans-serif;
}

#Stempelchip {
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
  margin: 10px 0px;
}

#Anleitung {
  background: #f0f0f0;
  border: 1px solid #cdcdcd;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05) inset;
  padding: 10px 10px 0px 10px;
  margin-top: 15px;
}

#ef-navbar form.navbar-form > div.form-group > div.input-group {
  box-shadow: 0px 0px 2px 2px #f5f5f5;
}

#ef-navbar form.navbar-form .selectize-input,
#ef-navbar form.navbar-form span.search-handle,
#ef-navbar form.navbar-form.ef-active .selectize-input,
#ef-navbar form.navbar-form.ef-active span.search-handle {
  background: #ffffff;
  border-color: #ADAFAF;
  border-radius: 0px;
}

#ef-navbar form.navbar-form {
  margin-top: 40px;
}

#ef-navbar .container ul.nav.navbar-nav {
  margin-top: 30px;
}

#ef-navbar .container ul.nav.navbar-nav > li > a,
#ef-navbar .container ul.nav.navbar-nav > li > a:hover {
  color: #B71234;
}

#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle {
  background: none;
}

#ef-navbar .container ul.nav.navbar-nav > li a.dropdown-toggle .img-thumbnail {
  background: #B71234 !important;
  box-shadow: none;
}

div.breadcrumb-x {
  border-top: 1px solid #B71234;
  box-shadow: 0px 5px 5px -5px #cdcdcd;
}

div.breadcrumb-x ol.breadcrumb li a,
.breadcrumb > li + li::before {
  color: #363534;
}

div.breadcrumb-x ol.breadcrumb li.active a {
  font-weight: normal;
}

div.ef-block {
  border: 1px solid #ADAFAF;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}

div.ef-block table.iconTable td.iconData:hover {
  background: #f5f6fa;
}

.sortedTable tr.evenRowColor:hover,
.sortedTable tr.oddRowColor:hover {
  background: #fcedee;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category {
  margin-top: 0px;
  margin-bottom: 0px;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li:first-child {
  border-color: #ADAFAF;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head:hover {
  background: #f5f6fa;
}

.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(n+1),
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(n+1) div.ef-entry-head:hover,
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2),
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2) div.ef-entry-head:hover {
  background-color: #ffffff;
}

.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name,
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name:hover,
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head .ef-expand-collapse-handle {
  color: #ADAFAF;
}

a:hover,
a.link:hover:hover {
  text-decoration: none;
}

#ef-login-index div.ef-block-content form div.row #forgot-passwd,
.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active,
.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
  color: #B71234;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:not(.active),
.btn.btn-primary:not(.active):hover {
  background: #B71234;
  border: 1px solid #B71234;
  font-family: 'Lato', sans-serif;
}

/* Weißer Header mit !important */
#ef-navbar,
#ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

/* Farbvarianten für neue UI */
html.new-ui-html:root {
  --c-brand-primary: #ffffff;
  --c-brand-primary-darken-5: #f5f5f5;
  --c-brand-primary-darken-7: #f2f2f2;
  --c-brand-primary-darken-10: #eeeeee;
  --c-brand-primary-darken-15: #eaeaea;
  --c-brand-primary-darken-17: #e8e8e8;
  --c-brand-primary-darken-20: #e5e5e5;
  --c-brand-primary-darken-25: #e0e0e0;
  --c-brand-primary-lighten-7: #ffffff;
  --c-brand-primary-lighten-40: #ffffff;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */