/* Certificate icon */
.learner-user .fa-award.tw-text-gray-400 {
    color: #404243 !important;
}
/* Trainer catalog wider course cards */
@media (max-width: 1920px) {
    html .new-ui .twui-content .ef-card-entries .ef-card.ef-catalog-entry {
        width: 22.5% !important;
    }
}
/* E-Learning and ILT labels  for Trainers */
.ef-entry-tags .label.label-ef-elearning,
.ef-entry-tags .label.label-ef-ilt {
    background-color: #404243 !important;
    border-color: #404243 !important;
    color: #fff !important;
}
/* Course cards */
.learner-user .tw-group.tw-bg-white {
    border-radius: 0 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
    top: 0 !important;
    background: #fff !important;
}
/* Remove border radius from all card elements */
.learner-user .tw-group.tw-bg-white,
.learner-user .tw-group.tw-bg-white .tw-rounded-lg,
.learner-user .tw-group.tw-bg-white img,
.learner-user .tw-group.tw-bg-white section,
.learner-user .tw-group.tw-bg-white .customizable-progress-bar div {
    border-radius: 0 !important;
}
/* Hover state */
.learner-user .tw-group.tw-bg-white:hover {
	top: -4px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.25) !important;
}
/* Learner Newsticker */
#news_list .news_item h3#news_header {
    font-size: 3rem !important;
    margin-bottom: 20px !important;
}
#news_list .news_item p {
    font-size: 1.5rem !important;
}
/* Learner buttons Terminansicht */
/* Session links as buttons for all learner users */
body.learner-user .session_entry_title .ef-session-link,
body.learner-user .session_entry_dates .ef-cancel-session-custom.ef-session-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 16px;
    margin-top: 10px;
    background-color: #9A0060 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border: 1px solid #9A0060 !important;
    cursor: pointer;
}
/* Hover */
/* body.learner-user .session_entry_title .ef-session-link:hover,
body.learner-user .session_entry_dates .ef-cancel-session-custom.ef-session-link:hover {
    opacity: 0.7;
} */

/* Label test darker gray color */
.label-ef-test {
  background-color: #404243 !important;
}
/* User properties buttons same width */
.ef-user-controls #sign-in-btn {
    width: 200px !important;
}
/* slider for news course catalog */
.startSlider .slick-track {
    display: flex !important;
    transform: none !important;
    width: auto !important;
}
.startSlider .ef-course-card {
    flex: 0 0 25%;
}
.startSlider .slick-list {
    overflow-x: auto;
}
html .startSlider .ef-course-card .ef-card-wrap.ef-course-wrap {
    width: 269px !important;
}
/* course details headers padding */
.fcd_side_area_wrapper .widgetName {
    padding-bottom: 10px !important;
}
/* progress bar */
html body .CourseWidget_1 .CourseWidgetSize1 .sliderContainer_1 .courseContainer .courseProgressBar > .courseProgress {
	background-color: #009191 !important;
}
html body .CourseWidget_1 .CourseWidgetSize1 .sliderContainer_1 .courseContainer .courseProgressBar > .courseProgress > .course-progress-text {
  font-size: 0px !important;
}

/* BUCHUNGS/KALENDER */
/* weekday header text color */
.fc .fc-col-header-cell-cushion {
    color: #000000 !important;
}
/* Ensure links stay black */
.fc .fc-col-header-cell-cushion:link,
.fc .fc-col-header-cell-cushion:visited,
.fc .fc-col-header-cell-cushion:hover {
    color: #000000 !important;
}
/* border button */
#calendar .fc-toolbar-chunk .fc-button,
#calendar .fc-toolbar-chunk .btn,
#calendar .fc-toolbar-chunk a {
    background: #000 !important;
    color: #fff !important;
}
.fc .fc-header-toolbar .fc-button,
.fc .fc-header-toolbar .btn {
    height: 32px !important;
    min-height: 32px !important;
    line-height: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}
.fc .fc-button-primary {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
    color: var(--button-primary-color, #fff) !important;
}
.fc .fc-button-primary:hover {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
    color: var(--button-primary-color, #fff) !important;
    opacity: 0.5 !important;
}
.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
    color: var(--button-primary-color, #fff) !important;
    opacity: 0.5 !important;
    box-shadow: none !important;
}
.fc .fc-timeGridWeek-button,
.fc .fc-timeGridDay-button,
.fc .fc-dayGridMonth-button {
    text-transform: uppercase !important;
}
.fc .viewswitch.btn-primary {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
    color: var(--button-primary-color, #fff) !important;
}
.fc .viewswitch.btn-primary:hover {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
    color: var(--button-primary-color, #fff) !important;
    opacity: 0.5 !important;
}
/* NEWSLETTER signup form */
#signup_register_personal_form {
    display: flex;
    flex-direction: column;
}
/* First static text (question) */
#signup_register_personal_form .form-group:has(strong:not(.alert strong)) {
    order: 100;
}
/* Newsletter checkbox */
#signup_register_personal_form .form-group:has(input[name="newsletter"]) {
    order: 110;
}
/* License checkbox */
#signup_register_personal_form .form-group:has(input[name="accept_license"]) {
    order: 120;
}
/* Second static text (consent info box) */
#signup_register_personal_form .form-group:has(.alert-info) {
    order: 130;
}
/* Required fields note */
#signup_register_personal_form .form-group:has(.ef-req-explanation) {
    order: 200;
}
/* Captcha */
#signup_register_personal_form .form-group:has(.frc-captcha) {
    order: 210;
}
/* Submit button */
#signup_register_personal_form .form-group:has(input[type="submit"]) {
    order: 220;
}
/* Links color */
body:not(.ef-user-signed-in)
#signup_register_personal_form .alert.alert-info a,
body:not(.ef-user-signed-in)
#signup_register_personal_form .alert.alert-info a:visited {
    color: #9a0064 !important;
}
/* Styling - wider box*/
body:not(.ef-user-signed-in):has(#signup_register_personal_form) #main-content.container,
body:not(.ef-user-signed-in):has(#signup_register_personal_form) #main-content.container > .container {
    width: 100% !important;
    max-width: none !important;
}
body:not(.ef-user-signed-in):has(#signup_register_personal_form) #main-content.container > .container > .col-md-12 {
    display: flex !important;
    justify-content: center !important;
}
body:not(.ef-user-signed-in):has(#signup_register_personal_form) .ef-block {
    width: 800px !important;
    max-width: 800px !important;
}
/* NEWSLETTER signup form END */
/* Course description normalized */
.ef-content-area *,
.ef-course-description * {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px !important;
}
/* Hide 2nd accurance of delete account button, if there is one */
.ef-self-delete-account:nth-of-type(2) {
    display: none;
}
/* contact form padding fix */
.form-control.selectize-dropdown, .form-control.selectize-control {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
/* Course card title height fix */
div.tw-flex.tw-h-10.tw-items-start h6 {
    height: 44px;
}
/*  dropdown in button group fix */
.btn-group {
    display: inline-flex;
}
.btn-group > .btn {
    display: flex;
    align-items: center;
    height: auto !important;
    min-height: 0 !important;
    line-height: inherit !important;
}
/* course properties > tags no color change on hover */
#course-tags-accordion-toggle:hover {
    background-color: inherit !important;
    border-color: #fff !important;
    color: inherit !important;
}

:root {
  --button-primary-background-color: #9a0064 !important;
  --button-primary-background-color-active: var(--button-primary-background-color) !important;
  --progressbar-background-color: #000 !important;
  --progressbar-color: #fff !important;
  --color-green-dark: var(--button-primary-background-color) !important;
  --color-magenta: #da1d52;
  /* --c-brand-primary-text: #fff !important; */
  /* --anchor-color: var(--button-primary-background-color) !important; */
}

/* Login background */
/* login background image */
html:not(.popup) body:not(.ef-user-signed-in):has(#ef-login-index),
html:not(.popup) body:not(.ef-user-signed-in):has(#signup_register_personal_form) {
  background-image: url('/plugins/Customizing/assets/images/01_BG_Anmeldebox_small.jpg');
}
html:not(.popup) body:not(.ef-user-signed-in) {
  background-image: url('/assets/images/featurehome.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
}

/* Make main content transparent so fixed background shows through */
html:not(.popup) body:not(.ef-user-signed-in) #main-content {
  background-color: transparent !important;
}

body {
  background-color: rgb(245,245,237) !important;
}
/* admin btn-group active  */
.ef-interval.btn.btn-default.btn-sm.active {
    background-color: var(--button-primary-background-color) !important;
    border-color: var(--button-primary-background-color) !important;
    color: #fff !important;
}
/* dropdown item in course gray hover background */
.dropdown-menu > li:hover,
.dropdown-menu > li > a:hover {
    background-color: #e0e0e0 !important;
}
/* buttons fix 'add unit' selection radio buttons */ 
label:not(.radio-inline):has(input[type="radio"]:checked) {
    background-color: var(--button-primary-background-color) !important;
    border-color: var(--button-primary-background-color) !important;
    color: #fff !important;
}
/* exclude labels from disabled row red color */
.tabulator--ef-theme .tabulator-row.disabled .label.label-success {
    color: #fff !important;
}
/* pending entry label in disabled rows red background white text */
.tabulator--ef-theme .tabulator-row.disabled label.label-warning.ef-pending-entry {
    background-color: red !important;
    color: #fff !important;
}
/* hide switch-ui and timeout buttons */
#ef-timeout-timer-container-new,
.new-ui .twui-menu .twui-switch-ui,
button.twui-switch-ui {
    display: none;
}
/* dropdown item in course gray hover background */
.dropdown-menu > li:hover,
.dropdown-menu > li > a:hover {
    background-color: #e0e0e0;
}
/* Fix system settings hover + active text color */
aside.custom-sidebar .ef-block .ef-block-content ul.nav-pills li.active > a {
    color: #fff !important;
}
aside.custom-sidebar .ef-block .ef-block-content ul.nav-pills li > a:hover {
    color: #fff !important;
    background-color: #656565;
}
/* toggle override learner sidebar right */
.fa-toggle-on,
.ef-dashboard-header .fa.fa-toggle-on
{
	color: var(--button-primary-background-color) !important;
}
/* learner breadcrumb in primary color */
.breadcrumb-x {
  background-color: var(--c-brand-primary) !important;
}
.breadcrumb-x ol li a {
  color: #fff !important;
}
.breadcrumb-x ol li::before {
  border-color: #fff !important;
}
.breadcrumb-x .ef-breadcrumb li::before {
  border-color: #fff !important;
}
.breadcrumb-x ol li.active {
  color: #fff !important;
}
/* calendar buttons */
.fc-header-toolbar .btn.btn-primary {
    background: #fff !important;
    border-color: #ccc !important;
    color: #000 !important;
}
.fc-header-toolbar .btn.btn-primary:hover,
.fc-header-toolbar .btn.btn-primary:focus,
.fc-header-toolbar .btn.btn-primary.active,
.fc-header-toolbar .btn.btn-primary.fc-button-active {
    background: var(--button-primary-background-color) !important;
    border-color: var(--button-primary-background-color) !important;
    color: #fff !important;
    opacity: 1 !important;
}
/* calendar arrows centered */
#calendar .fc-toolbar-chunk .btn {
    height: 3rem !important;
}
#calendar .fc-toolbar-chunk .fc-icon {
    font-size: 1.75em !important;
}
/* calendar events simple fix */
html body .fc-event,
html body .fc-h-event,
html body .fc-v-event {
    background: var(--button-primary-background-color) !important;
    background-color: var(--button-primary-background-color) !important;
    border-color: var(--button-primary-background-color) !important;
    color: #fff !important;
}
/* learner view toggles + course detail + general color fixes*/
.tw-text-green-600 {
    color: var(--button-primary-background-color) !important;
}
.progress .progress-bar {
    line-height: 10px !important;
}
.tw-bg-sky-clear,
.tw-bg-orange-100,
.tw-bg-orange-200,
.tw-bg-orange-400,
.tw-bg-orange-500 {
  background-color: var(--button-primary-background-color) !important;
}
.tw-bg-green-accent {
    background-color: #000 !important;
}
/* LOGO resize admin */
header.twui-old-navbar-replacement {
    min-height: 130px;
}
header .tw-max-w-xxs {
    max-width: none !important;
}
header .tw-max-w-xxs a {
    max-height: none !important;
    height: 120px !important;
}
header .tw-max-w-xxs img {
    max-height: 120px !important;
    width: auto !important;
}
/* Logo resize learner */
.tw-max-w-\[90px\] {
    max-width: none !important;
}
.tw-max-w-\[90px\] a {
    height: 120px !important;
    max-height: none !important;
}
.tw-max-w-\[90px\] img {
    max-height: 120px !important;
    width: auto !important;
}
header > div.tw-h-28 {
    height: 140px !important;
}
.fly_menu {
    top: 140px !important;
}

/* Navbar resize */
#ef-navbar {
    min-height: 100px !important;
}

/* Navbar background color when not logged in */
body:not(.ef-user-signed-in) #ef-navbar {
    background-color: #000 !important;
}

/* Navbar Logo resize */
#ef-logo {
    min-height: 100px;
    display: flex;
    align-items: center;
}

#ef-logo img,
.ef-navbar-logo img {
    max-height: 80px !important;
    width: auto !important;
}

/* SECTION HEADER before login */
.section-header {
    min-height: 100px !important;
    display: flex;
    align-items: center;
}

.section-header .logo img {
    max-height: 80px !important;
    width: auto !important;
}

/* Learner footer extra safe margin */
body.learner-user #main-content,
body.learner-user [role="main"] {
  min-height: 100vh;
}

/* Learner background */
.new-ui.learner-user .ef-block {
  background-color: #fff !important;
}

/* Catlog course card hover */
.ef-course-card .ef-card-wrap.ef-course-wrap {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    will-change: transform;
}
.ef-course-card:hover > .ef-card-wrap.ef-course-wrap {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

/* Learner ui background */
body.ef-user-signed-in.new-ui {
    background-color: transparent !important;
}

/* progress bar percent hidden "my courses" */
.customizable-progress-bar p {
    display: none !important;
}

/* Font size and formatting course details learner */
.ef-dashboard .course-content-heading {
    font-weight: 700 !important;
}
.ef-dashboard .ef-category-name {
    font-weight: 700 !important;
    font-size: 200% !important;
}

/* Button hover fixes */
body.ef-user-signed-in .btn:hover {
  background-color: var(--color-magenta) !important;
  border-color: var(--color-magenta) !important;
  color: var(--button-primary-color) !important;
  opacity: 1 !important;
}

/* Trainer course cards color */
.ef-card-entries .ef-card .ef-card-wrap div.caption {
    background-color: #f0f0f0 !important;
}

/* contact message and similar */
body.ef-user-signed-in.new-ui .contact_block .alert.alert-warning,
#main-content .contact_block aside.alert.alert-warning {
    background-color: #f5f5ed !important;
}

/* contact message close button */
#main-content .contact_block aside.alert-warning button.close {
    color: #000 !important;
}

/* catalog hover logged out */
.ef-card-wrap.ef-catalog-wrap {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    will-change: transform;
}
.ef-card-wrap.ef-catalog-wrap:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

/* Alert message before login */
.ef-new-feature-alert, 
.alert-info, 
aside.alert.alert-info {
  color: #000 !important;
  background-color: #f5f5ed !important;
  border-color: #f5f5ed !important;
}

/* All alert and warning types background color */
.alert-warning,
.alert-info,
.alert-success,
.alert-danger,
aside.alert,
aside[id^="ef_msg_"].alert {
  background-color: #f5f5ed !important;
  color: #000 !important;
}

/* Kurs button ausgeloggt */
#main-content .ef-my-action-button-custom > .btn.btn-primary.btn-lg:hover {
    background-color: var(--color-magenta) !important;
    border-color: var(--color-magenta) !important;
    opacity: 1 !important;
}

/* ========== LOGIN & REGISTRATION STYLES ========== */
div.modal-content, div.modal-header{
    display: block;
}
#ef-modal{
    font-family: Open Sans;
}

body,
html {
    width: 100%;
    height: 100%;
}
#custom-license-note{
    width: 91%;
}
#custom-license-note a{
    font-size: 14px !important;
}
.alert.fade:not(.show) {
    opacity: 1;
}
.alert-warning,.alert-info{
    background-color: rgb(245,245,237) !important;
    color: black !important;
    font-family: Open Sans;
}
.fgtPwd{
    background-color: rgb(245,245,237);
    padding: 10px;
    padding-top: 20px;
    font-family: 'Open Sans', sans-serif;
}
.fgtPwd label{
    display: none;
}
.fgtPwd .ef-form-element-full-length>input.btn-primary{
    float: right;
}
.fgtPwd .col-sm-10{
    width: 100%;
    max-width: 100%;
}
#signup_register_personal_form div.ef-form-element-full-length>input.btn-primary{
    float: right;
}
.form-control{
    padding-left: 1.5rem !important;
}

input[name='remember']{
    margin-right: 15px !important;
}
#company .btn.btn-primary{
    font-size: 18px;
    padding: 10px;	
}
#courses>div.row>div.col-md-4{
    margin-bottom: 15px;
}
.bottomMgn{
    margin-bottom: 20px;
}

#signup_register_personal_form label:not(:last-child){
    display: none;
}
#signup_register_personal_form .accept-license-wrapper {
    display: flex;
}
#signup_register_personal_form input[type="checkbox"]{
    margin-right: 15px;
}
#login_form .form-group .ef-form-element label{
    display: none;	
}
#login_form div.checkbox label{
    display: flex;
    align-items: center;
}

.input-group-addon.eye-input-group {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-left: 0;
}

#initiate_password_form .form-group:nth-of-type(2) {
    display: none;
}

#signin #ef-login-index, #signin #signInBlock{
    background-color: rgb(245,245,237);
    border: none;
    box-shadow: none;
    border-radius: 0px;
}
#ef-login-index div.ef-block-footer{
    background-color: rgb(245,245,237) !important;
}

#signin #signInBlock{
    max-width: 600px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Open Sans";
}
#signInBlock .switchSignIn{
    padding-left: 15px;
    color: #9A0064;
    cursor: pointer;
}
#signin #signInBlock .col-sm-10{
    max-width: 100%;
}

#ef-login-index{
    border: 0px none;
    border-radius: 3px;
    background-color: #fff;	
    margin-bottom: 10px;
    -webkit-box-shadow: 0 1px 0 #c5cad8, 0 2px 3px #d4d8e3;
    box-shadow: 0 1px 0 #c5cad8, 0 2px 3px #d4d8e3;
    max-width: 600px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Open Sans', sans-serif;
}
#ef-login-index>.ef-block-content,#ef-login-index>.ef-block-footer{
    padding: 20px;
    padding-bottom: 5px;
}
#signup_register_personal_form>.ef-block-footer{
    padding-bottom: 20px;
    padding-top: 5px;
}
input[type='checkbox']{
    width: 16px !important;
    height: 16px !important;
    margin: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    outline: 2px solid #9A0064;
    box-shadow: none;
    font-size: 0.8em;
    text-align:center;
    line-height:0.8em;
}
.speicalAlign{
    display: flex;
    align-items: center;
}

input[type='checkbox']:checked:after {
    content: '✓';
    font-size: 0.8em;
}

#signup_register_personal_form>.ef-block-footer,
#ef-login-index>.ef-block-footer{
    background-color: white;
}
#ef-login-index a,#ef-login-index .link{
    color: #9A0064;
    cursor: pointer;
}

a.btn.btn-primary,input.btn.btn-primary{
    background-color: #9a0064 !important;
    border: none !important;
}
a.btn.btn-primary:hover,
input.btn.btn-primary:hover,
.ef-dashboard-header .ef-main-action-button .btn.btn-success:hover {
    border: none !important;
    background-color: #da1d52 !important;
}

#signin.basic-1{
    padding: 0px;
    position: relative;
}
#signin.basic-1>div.container{
    height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#ef-index-page, #signInBlock{
    width: 500px;
}
#signInBlock{
    padding-left: 0px;
    padding-right: 0px;
}
#ef-index-page{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#ef-index-page>div.col-md-12{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media only screen and (max-width: 520px) {
    #ef-index-page, #signInBlock{
        width: 400px;
    }
}
@media only screen and (max-width: 420px) {
    #ef-index-page, #signInBlock{
        width: 350px;
    }
}

/* Signup form background */
#signup_register_personal_form {
    background-color: #f5f5ed !important;
}

/* Signup block container resize */
.ef-block:has(#signup_register_personal_form) {
    max-width: 75% !important;
    margin: 0 auto !important;
}

/* Login form background */
#login_form {
    background-color: #f5f5ed !important;
}

/* Forgot password link color override */
/* #main-content #ef-index-page #ef-login-index a#forgot-passwd {
    color: #9a0064 !important;
} */
 /* override anchor colors in form */
#main-content #ef-index-page #ef-login-index a {
    color: #9a0064 !important;
}

/* contact block container hack */
.custom-sidebar .container {
  margin-left:-1 !important;
}

/* Override sidebar container background inside main content */
#main-content .custom-sidebar .container_w_sidebar {
        background: transparent !important;
}

/* Contact form page: center form and apply page background */
body:has(#main-content form#custom_contact_form) {
    background: url('/plugins/Customizing/assets/images/contact_bg.jpg') center center no-repeat;
    background-size: cover;
}

#main-content:has(form#custom_contact_form) {
    display: flex;
    justify-content: center;
}

/* /kontakt page: transparent background when no learner user logged in */
body:not(.learner-user):has(#main-content form#custom_contact_form) #main-content {
    background-color: transparent !important;
}

/* /kontakt page: center contact_block container */
body:not(.learner-user):has(#main-content form#custom_contact_form) #main-content .contact_block {
    margin-left: auto !important;
    margin-right: auto !important;
}

#main-content form#custom_contact_form {
    margin-left: auto;
    margin-right: auto;
}

/* ========== IMPRESSUM, DATENSCHUTZ, NUTZUNGSBEDINGUNGEN PAGES ========== */

/* Full-width white background for header when not logged in */
body:not(.learner-user) main div#main-content.container header#header.header.fpheader {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Header h1 white color */
body:not(.learner-user) main div#main-content.container header#header.header.fpheader div.header-content div.container div.row div.col-lg-12 div.text-container div.leadBlock div.container h1 {
    color: #fff !important;
    margin-top: -20px;
}

/* Remove gap in lead block */
body:not(.learner-user) main div#main-content.container header#header.header.fpheader div.header-content div.container div.row div.col-lg-12 div.text-container div.leadBlock {
    margin: 0 !important;
    padding: 0 !important;
}

/* Full-width container for subpage header */
body:not(.learner-user) main div#main-content.container div#headerSubPage.container-fluid {
    width: 100vw;
    background-color: #fff !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 0;
}

/* 70% width for content inside subpage header */
body:not(.learner-user) main div#main-content.container div#headerSubPage.container-fluid div.container {
    width: 61%;
    max-width: none !important;
    margin-left: auto;
    margin-right: auto;
}

/* Full-width container for Nutzungsbedingungen header */
body:not(.learner-user) main div#main-content.container div#headerInspire.container-fluid {
    width: 100vw;
    background-color: #fff !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 0;
}

/* 70% width for content inside Nutzungsbedingungen header */
body:not(.learner-user) main div#main-content.container div#headerInspire.container-fluid div.container {
    width: 61%;
    max-width: none !important;
    margin-left: auto;
    margin-right: auto;
}

/* Remove background from main content for these pages */
body:not(.learner-user):has(#main-content #headerSubPage) #main-content {
    background-color: transparent !important;
}

/* Make footer transparent so fixed background shows through */
body:not(.learner-user) footer.page-footer {
    background-color: transparent !important;
}

/* Storno message white text color */
#session_storno_form .alert.alert-warning {
  color: #fff !important;
}

/* Coursecatalog filter arrows center */
.category-filter .panel-heading .fa {
  padding-top: 8px !important;
}

/* Label size and background fix */
.plain.tags label,
.plain.tags label span {
    font-size: 9px !important;
    line-height: 10px !important;
}
.custom-label-ts-start-date,
.custom-label-ts-start-date span {
    font-size: 9px !important;
    line-height: 10px !important;
    height: 10px !important;
}
.custom-label-ts-start-date span {
    padding: 0 !important;
}

/* hide breadcrumb if not logged in */
body:not(.ef-user-signed-in) .breadcrumb-x {
    display: none !important;
}

/* LOGO header like Landingpage */
#ef-navbar .container .navbar-header .ef-navbar-logo img {
  min-height: 115px !important;
  margin-top: 20px !important;
  width: 69px !important;
}

/* White links on header before login */
#ef-navigation > li:not(#ef-language-select) > a,
#ef-language-select > .dropdown-toggle,
#ef-language-select > .dropdown-toggle span {
    color: #fff !important;
    font-family: "WWF", sans-serif;
    font-size: 26px;
}
#ef-language-select > .dropdown-toggle,
#ef-language-select > .dropdown-toggle:hover,
#ef-language-select > .dropdown-toggle:focus,
#ef-language-select > .dropdown-toggle:active,
#ef-language-select.open > .dropdown-toggle,
#ef-language-select > .dropdown-toggle span {
    background-color: #000 !important;
    color: #fff !important;
    font-family: "WWF", sans-serif;
    font-size: 26px;
}

/* Position of links */
#ef-navigation > li > a {
    margin-top: 75px !important;
    left: 50px !important;
    position: relative !important;
}

/* Login postioning */
body:not(.ef-user-signed-in) #ef-login-index {
  max-width: 500px;
  width: min(100%, 500px);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

/* underline links */
#ef-navigation a:hover {
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

/* padding for logo course before login */
#mainRow {
    padding-top: 30px;
} 

/* WWFEF-211 custom label in magn. catalog */
.custom-label-course_partner_label{
 background-color: #c4bc8e !important;
 color: #000 !important;
 word-wrap: break-word;
 display: inline-block;
 text-align: left;
 white-space: break-spaces !important;
  margin-top: 4px;
}