/*Place your CSS code here*/
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

body{
  font-family: 'PT Sans', sans-serif !important;
}

body{
    --ka-blue: #2F4D72;
    --ka-lightblue: #1F90B1;
    --ka-grey:#6b6a6a;
    --ka-lightgrey: #e8ebef;
    
    background-color:var(--ka-lightgrey);
}

/* Tags course view TN remove */
#main-content .ef-content-tags.ef-content-tags-course-dashboard {
  display: none !important;
}

/* override for tags that are still #656565 inline*/
.label-ef-expires {
  background-color: #888A8D !important;
  color:#fff !important;
}
/* Darstellung Kurskachel Dashboard */
.label-ef-ended-at {
	background-color: #888A8D !important;
  color:#fff !important;
}

/*  MV tab hidden for TN */
body > header > div > div > div > div > a.tour-tip-learner-2 ,
body > header > div > div > div > div > div.v-popper.v-popper--theme-dropdown {
  display: none;
}

/* Kursreihenansicht */
div.tw-relative.tw-flex p.tw-line-clamp-1.tw-bg-red-accent {
  background-color: #888A8D  !important;
}
.tw-mr-8.tw-w-full.tw-overflow-hidden.tw-rounded-full.tw-bg-gray-200 .tw-bg-green-accent {
  background-color: #0ABBEF !important;
}
  /*cert icon weg*/
.tw-group.tw-relative.tw-flex-col.tw-rounded-lg.tw-bg-white main.tw-flex div.tw-flex.tw-rounded-full.tw-bg-gray-light {
  display: none !important;
}


/* Kurskatalog */
h4.ef-plain.ef-header #headerTitle {
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 20px !important;
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
}

/* Progress bars */
li.courseContainer div.courseProgress {
  background-color: #0ABBEF !important;
}

/* Zertifikate weg */
div.theme-drawer ul li:nth-child(3),
#tab-control-certificates {
  display: none !important;
}

/* progress-bar tn ansicht on content */
.progress-bar-content{
    color: #fff !important;
}

/* TAG bg colors */
div.plain.tags label.label.label-success.custom-label-mabv_time {
	background-color: #FEFACB !important;
	color: #000 !important;
}
div.plain.tags label.label.label-success.custom-label-idd_weiterbildungszeit {
	background-color: #FAE33F !important;
	color: #000 !important;
}

div.plain.tags label.label.label-success.custom-label-test_duration {
	background-color: #888A8D !important;
	/* color: #000 !important; */
}

/* course image + vorschau-details hover */
.ef-dashboard-header img.ef-default-avatar {
  max-width: 273px !important;
}
div.ef-card-wrap.ef-course-wrap div.thumbnail div.default-action a span {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

/* Category color */
.label-ef-elearning,
.label-ef-ilt,
div.courseLabels div.cLabel.label-info,
div.ef-card-wrap.ef-course-wrap h5.ef-plain.ef-category.categoryheader.clamp-1 {
	background-color: #3EBDDE !important;
	color: #fff !important;
}

/* My Courses no bold course links */
div.courseTitle.ef-popover-toggle.clamp-2 a.course-link {
	font-weight: normal !important;
}

/* Course progress bars */
div.statusContainer div.courseProgressBar div.courseProgress,
div.ef-course-progress-bar.customizable-progress-bar div.progress div.progress-bar.progress-bar-success div.progress-bar-content {
	color: #fff !important;
}

/*ends at für trainer in meine kurse entfernen*/
.label.label-ef-ends-at{
  display: none;
}

/* course image whitespace fix (might break in other places)  */
.col-sm-3 {
  width:auto !important;
}

.label.label-has-availability-constraint.label-availability{
  display: flex;
  margin: 10px 2px;
  background-color: #888A8D !important;
  color: #fff !important;
}

/* remove white line between header and breadcrumb and make text white */
header.tw-sticky {
    border-bottom: none !important;
}

/*.breadcrumb-x {
    color: white !important;
}
.breadcrumb-x * {
    color: white !important;
}
div.breadcrumb-x {
  	background-color:#708399;
  	border-color:#708399;
}*/

/* Course details page */
.ef-course-name h1#ef-course-name-heading {
  font-size: 30px !important;
  color: #2F4D72 !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
}


/* search bar learner background fix */
[data-vue-component="top_nav_search"] .fa-light.fa-magnifying-glass.tw-text-base {
  color: var(--ka-blue) !important;
  opacity: 1 !important;
}

[data-vue-component="top_nav_search"] .tw-absolute.tw-inset-x-0.tw-top-full.tw-hidden.tw-bg-white.tw-px-2.xl\:tw-relative.xl\:tw-block.xl\:tw-w-full.xl\:tw-px-0 {
  background-color: transparent !important;
}

[data-vue-component="top_nav_search"] #genericSearch {
  background-color: #ffffff !important;
}


/* remove tags - learner view */
.tw-m-0 #tags {
    display: none !important;
}


/* PRICE ICONS REPLACEMENT */
html.new-ui-html body.ef-user-signed-in.new-ui.learner-user
span.course-cost span.normalPrice {
  position: relative !important;
  left: 180px !important;
}
body:not(.ef-user-signed-in) span.course-cost span.normalPrice {
  position: relative !important;
  left: 120px !important;  
}

/* Hide the original credit-cards.svg */
.plain.icons .course-cost img[src$="credit-cards.svg"] {
  display: none !important;
}
/* Hide free-item.svg */
.plain.icons .course-cost img[src$="free-item.svg"] {
  display: none !important;
}

/* Parent span: show replacement icon as background, make space for text */
/* .plain.icons .course-cost:has(img[src$="credit-cards.svg"]) {
  display: inline-block !important;
  background: url("/plugins/Customizing/assets/images/eur-icon.svg") no-repeat left center / 20px auto !important;
  padding-left: 26px !important;
  opacity: 1 !important;
  vertical-align: middle;
} */

/* Parent span: replacement icon only (no text to align, so width/height box) */
/* .plain.icons .course-cost:has(img[src$="free-item.svg"]) {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  background: url("/plugins/Customizing/assets/images/eur-icon.svg") no-repeat center/contain !important;
  opacity: 0.5 !important;
} */

/* tabulator table tabs margin */
ul.tabulizedList li.tabulizedElement {
  margin-bottom: 10px;
}

/* Schrift in Meine Kurse Kurskachel */
h6.tw-text-lg.tw-font-light.tw-line-clamp-2.tw-break-words {
  font-size: 1.4rem !important;
  line-height: 1.5rem !important;
  -webkit-line-clamp: 3 !important;
}
/* und im Kurskatalog */
/*
.caption h4.ef-plain.ef-header a.clamp-3 {
  font-size: 1.4rem;
  line-height: 1.5rem;
}
*/

/* Select square im Kurskatalog */
.gj-checkbox-material-icons input[type=checkbox]:checked+span.checked {
    background-color: var(--ka-blue) !important;
    border-color: var(--ka-blue) !important;
}

/* LEARNER view */
/* Catalog filters */
.checkbox.checbox-switch label > input:checked + span, .checkbox-inline.checbox-switch > input:checked + span {
    background-color: var(--ka-blue) !important;
    border-color: var(--ka-blue) !important;
    box-shadow: var(--ka-blue) 0px 0px 0px 8px inset !important;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* white field leftover hide */
.row.ef-my-courses-controls {
  display: none !important;
}

/* Main menu text */
[data-vue-component="main_menu"] .tw-text-gray-dark {
  color: #fff !important;
}

/* FOOTER margin at login not elsewhere */
#ef-login-index {
  margin-bottom: 64px;
}
#footer {
    /*position: fixed !important;
    bottom: 0 !important;*/
}
/* main.custom-sidebar #footer {
    position: static !important;
    bottom: auto !important;
} */

/* HEADER primary color */
header.tw-sticky.twui-old-navbar-replacement,
.twui-content #ef-navbar #searchInputContainer #ef-search.navbar-form {
    background: var(--ka-blue) !important;
}
.twui-content #ef-navbar #ef-search #searchDiv #ef-search-bar {
    background: #e5e7eb !important;
}
#ef-navbar form.navbar-form .searchDivRight {
    display: none;
}
/* Buttons on top bar - but not the text of dropdowns... */
/* Make header icons white */
header.tw-sticky i.fa-light {
    color: white !important;
}

/* Make header buttons’ text white */
header.tw-sticky button.twui-dropdown,
header.tw-sticky button.twui-mobile-menu-open,
header.tw-sticky button#ef-search,
header.tw-sticky button#sResultsDiv {
    color: white !important;
}


/* Ensure text inside dropdowns keeps its original color */
.twui-dropdown-content,
.twui-dropdown-content * {
    color: inherit !important;
}

/* for learner also */
header.tw-sticky {
    background: var(--ka-blue) !important;
}
.tw-flex.tw-items-center.tw-gap-x-0.tw-h-full,
.tw-group.tw-h-12.tw-w-12.tw-p-2.tw-rounded-full.tw-aspect-square {
    color: #fff !important;
}
.tw-flex.tw-items-center.tw-gap-x-0.tw-h-full:hover,
.tw-flex.tw-items-center.tw-gap-x-0.tw-h-full:active,
.tw-group.tw-h-12.tw-w-12.tw-p-2.tw-rounded-full.tw-aspect-square:hover,
.tw-group.tw-h-12.tw-w-12.tw-p-2.tw-rounded-full.tw-aspect-square:active {
  color: var(--ka-primary) !important;
}

/* Toolbar ui switch buttons + logout timer hide */
#ef-timeout-timer-container-new,
.new-ui .twui-menu .twui-switch-ui,
button.twui-switch-ui {
    display: none;
}

/* hide everything above MyCourses */
div[data-vue-component="my_courses"] > .tw-flex.tw-flex-col.tw-gap-8.tw-pb-16 {
    display: none;
}

/* color accent on course img tag "nicht verfügbar" */
.tw-bg-red-accent,
.tw-bg-sky-light {
    --tw-bg-opacity: 1;
    background-color: rgb(119, 136, 153) !important;
    background-color: rgba(119, 136, 153, var(--tw-bg-opacity));
}
.fa-award.fa-solid.tw-text-gray-dark.tw-text-base,
.tw-line-clamp-1.tw-text-nowrap.tw-text-xs.tw-font-light.tw-text-gray-dark {
  color: #fff !important;
}

/* green accent progress bar */
.tw-bg-green-accent {
    --tw-bg-opacity: 1;
    background-color: rgb(22, 163, 74) !important;
    background-color: rgba(22, 163, 74, var(--tw-text-opacity));
}

.ef-question-indicator .ef-question-indicator-current{
    background-color: #f8d501 !important;
    border: 2px solid #f8d501 !important;
}
  
 #ef-navigation > li.user-preferences > button > div > div > div:after{
    background-color:white!important;
    color:var(--ka-blue) !important;
  }

.btn.btn-primary.btn-lg {
    white-space: initial;
}

.btn-primary{
    background-color:var(--ka-blue) !important;
}
.btn-primary:hover{
    background-color:var(--ka-blue) !important;
}

.btn.btn-primary {
    border: 1px solid var(--ka-blue);
}

.btn.btn-primary:hover{
    border: 1px solid var(--ka-blue);
}

.btn-group > .btn-primary.dropdown-toggle{
    border-left: 1px solid var(--ka-blue);
}

.btn-group > a.btn-primary{
    border-right: 1px solid var(--ka-blue);
}

#Embed > button{
    background-color:var(--ka-blue) !important;
}


div#userNavBar > ul#ef-navigation >li#communication{
  display:none !important;
}


#searchDiv > div.searchDivRight,#searchDiv > div.searchDivRight > span, #ef-search-bar{
    background-color:#425d87 !important;
   
}

#ef-navigation > li.user-preferences > a > div > div > div{
    background-color:var(--ka-blue) !important;
}

/* LOGIN PAGE */
#ef-login-index {
  margin: 60px auto !important;
  position: relative;
  padding-top: 160px; /* was 180px, now slightly less */
}

#ef-login-index::before {
  content: "";
  display: block;
  position: absolute;
  top: 40px;   /* was 20px, moves it a bit lower */
  left: 0;
  right: 0;
  margin: auto;

  width: 300px;
  aspect-ratio: 3 / 1;
  height: auto;

  background-image: url('/plugins/Customizing/assets/images/anmeldungs_icon.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


.heading{
    display:flex;
    flex-direction:row;
    justify-content:center;
    padding-top:50px;
    align-items:center;
}

.icon, .h{
    flex:1;
}

.icon-login{
    max-width:20vw;
}

.ef-block-content{
    text-align:center;
}

.h{
    max-width:10vw;
    color:#2F4D72;
    font-weight:700;
}

#custom-sign-up{
    background-color:transparent;
    box-shadow:none;
    -webkit-box-shadow:none;
    text-align:left !important;
    margin-top:0px;
    margin-bottom:0px;

}

.ef-block-content{
    text-align:left;
}

#custom-sign-up>div>span>a{
    color:#0abbef;
}

 .one-column-login{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:800px;
    align-items:center;
    justify-content:center;
    /* justify-content:center; */
}

#login_form > div > div:nth-child(3), #login_form > div > div:nth-child(4), #login_form > div > div:nth-child(5), #login_form > div > div:nth-child(6){
    flex-basis:25%;
    flex:1;
    width:190px !important;
}

/* #login_form > div > div:nth-child(5), #login_form > div > div:nth-child(6){
    flex-basis:50%;
    flex:1;
    width:250px !important;
}  */

#ef-login-index div.ef-block-content form div.one-column-login{
    max-width:800px;
}

#ef-login-index .sign-slogan{
    border: 1px solid #0abbef;
    border-radius: 5px;
    padding:10px;
    width:fit-content !important;
    margin:0 auto;
}

#ef-login-index div.ef-block-footer div.sign-slogan {
    font-size: 14px;
    color: #333;
  }
  #ef-login-index div.ef-block-footer div.sign-slogan a {
    color: #566DA9 !important;
    margin: 0px 8px;
  }

.login-bottom>div>div>input{
    background-color:#0abbef !important;
    color:white;
    border: none !important;
    border-radius: 5px;
    padding:10px;
    padding-left: 20px;
    padding-right:20px;
    /* margin-bottom:40px; */
    
}
.login-bottom>div>div{
    text-align:center;
    justify-content:center;
}

.login-bottom>div>div>input:focus{
    
    outline: -webkit-focus-ring-color auto 0px !important;
}

#ef-login-index div.ef-block-footer{
    background-color:white;
    padding-bottom: 80px;
}

/* #ef-login-index{
    width: 60vw;
}



#ef-login-index {
    display:flex;
    justify-content:center;
} */

@media only screen and (max-width: 750px){
    .one-column-login{
        display: flex;
        width: 80vw;
        flex-direction: column;
    }
    #login_form > div > div:nth-child(3), #login_form > div > div:nth-child(4), #login_form > div > div:nth-child(5), #login_form > div > div:nth-child(6){
        width:300px !important;
    }
    .icon-login{
        max-width:80vw;
    }
}

@media only screen and (max-width: 650px) {
    #login_form > div > div:nth-child(3), #login_form > div > div:nth-child(4){
        text-align:center;
        margin: 0 auto;
    }
    
    #login_form > div > div:nth-child(5), #login_form > div > div:nth-child(6){
        text-align:center;
        margin: 0 auto;
    }
}
/* LOGIN PAGE END */ 

/* Main Navigation */
#ef-navbar .container ul.nav.navbar-nav {
    min-height: 56px;
    height: auto;
    display: flex !important;
}


#user-roles > ul > li > a{
    color: var(--ka-lightgrey) !important;
}

#ef-navigation > li.user-preferences.open > ul > li > a{
    color: var(--ka-lightgrey) !important;
}

#ef-options-block > div > div > div > div > table > tbody > tr > td.iconData:hover{
    background-color:var(--ka-lightgrey) !important;
}

div.ef-block{
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.3);
}
  #ef-my-courses-list-content .label,  #ef-my-courses-grid-content .label{
    color: white;
  }
  
  .ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head{
    background-color:white;
  }

div.img-placeholder.alphatar.navi div.img-overlay{
  width: auto !important;
  height: auto !important;
}

body .ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head{
  background-color:white !important;
}

.btn-success {
  color: #fff;
  background-color: #0ABBEF !important;
  border-color: #0ABBEF !important;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #0ABBEF !important;
  border-color: black;
}
.btn-success:hover {
  color: #fff;
  background-color: #0ABBEF !important;
  border-color: #0ABBEF !important;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #0ABBEF !important;
  background-image: none;
  border-color: #0ABBEF !important;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #0ABBEF !important;
  border-color: black;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #0ABBEF !important;
  border-color: #0ABBEF !important;
}
.btn-success .badge {
  color: #0ABBEF !important;
  background-color: #fff;
}

.label-success {
  background-color: #0ABBEF !important;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #0ABBEF !important;
}

.progress-bar-success {
  background-color: #0ABBEF !important;
}

.ef-dashboard-header .ef-main-action-button .btn.btn-success {
  background-color: #0ABBEF !important;
}

.label-ef-completed{
	background-color: #0ABBEF !important;
}

#ef-navigation > li.user-preferences.open > ul, #ef-navigation > li.user-preferences.open > ul > li > ul {
  background-color:#1C2734 !important;
}

#user-roles > ul > li > a{
  background-color:#1C2734 !important;
}

#ef-search-bar::placeholder, #custom_course_search::placeholder,#custom_course_search{
  color:white !important;
}

#ef-modal-label{
  flex:auto;
}

.ef-unit-tree .ef-unit-link.passed, .ef-unit-tree .ef-unit-link.passed:hover, .ef-unit-tree .ef-unit-link.passed:link, .ef-unit-tree .ef-unit-link.passed:active, .ef-unit-tree .ef-unit-link.passed:visited{
  color: #0ABBEF !important;
}
.btn-warning{
  background-color: #7f7f7f !important;
  border-color:#7f7f7f !important;
}

.ef-dashboard-content .ef-unit-tree i.passed.ef-tooltip-toggle.fa-check{
color: #0ABBEF !important;
}

.ef-unit-tree .active-content:before{
background: #0ABBEF !important;
}

div.ef-panel-failure-test > div > div.media > div.media-body > div.h4.media-heading, div.ef-panel-success-test > div > div.media > div.media-body > div.h4.media-heading {
  font-size:12px;
  font-weight: bold;
}

div.ef-test-panels > div:nth-child(1) > div.panel > div.panel-body > div.media > div.media-body > div.media-heading{
font-size: 12px;
    font-weight: bold;
	}

.panel-primary{
	border-color: #0ABBEF;
}
.bg-primary{
	background-color: #0ABBEF;
}

/* Cart */
#ef-cart-payment-table .agb-link {
    text-align: left;
    margin: 0 -15px 16px;
}

table.biling-address td {
  padding: 15px !important;
}

#ef-cart-payment-table .agb-link a,
table.biling-address a {
  color: #0ABBEF;
}

#ef-cart-payment-table .creditcard-payment-information {
  display: block;
  margin: 8px 0;
  font-size: 11px;
  color: slategrey;
}

#ef-cart-payment-table .ef-payment-handles .ef-pay-with-paypal {
  display: block;
  width: 100%;
}

/* GRAPHS */

path[fill="#009688"]
{
	fill: var(--ka-grey);
}

path[stroke="#009688"]
{
	stroke: var(--ka-grey);
}

circle[fill="#009688"]{
	fill: var(--ka-grey);
}

circle[stroke="#009688"]{
	stroke: var(--ka-grey);
}

path[fill="#67b7dc"]
{
	fill:var(--ka-blue);
}

path[stroke="#67b7dc"]
{
	stroke:#1f90b1;
}


circle[fill="#67b7dc"]{
	fill:#1f90b1;
}

circle[stroke="#67b7dc"]{
	stroke:#1f90b1;
}

/***
Anpassungen C&L SAML-Button
***/

#ef-login-index div.ef-block-content form .ef-login-with {
    cursor: pointer;
    display: inline-block;
    padding: 0px;
    border-radius: 3px;
     text-transform: none; 
    width: 480px;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
    line-height: 56px;
    color: #FFFFFF;
    font-size: 20px;
    background-color: #0ABBEF;
}

#ef-login-index div.ef-block-content form .ef-login-with i {
    font-size: 30px;
    margin-right: 4px;
    float: left;
    border-radius: 50%;
    text-align: center;
    padding: 0px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px;
    color: #fefefe;
    background-color: #0ABBEF;
}

/* LANDING PAGE */

@media (max-width: 767px) {
    body:not(.ef-user-signed-in) .section-header > .container {
        width: 100%;
    }
}

body:not(.ef-user-signed-in) .section-header > .container > .container {
    max-width: 160px;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    width: 100%;
}

body:not(.ef-user-signed-in) .section-header > .container > .container > ul {
    display: grid;
    grid-auto-flow: column;
}

body:not(.ef-user-signed-in) li.login {
  background-color: white;  
  padding: 5px;
  border-radius: 55px;
}
body:not(.ef-user-signed-in) li.login i.fa.fa-user-circle-o {  
  display: none;
}
body:not(.ef-user-signed-in) .section-header a[href="/start/op/login"] {
  font-size: 0;
  line-height: 0;
}

body:not(.ef-user-signed-in) .section-header a[href="/start/op/login"]::before {  
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(/plugins/Customizing/assets/images/login_icon.png) no-repeat center/contain;
}

body:not(.ef-user-signed-in) ul.header-nav li:not(.login) {
  display: none;
}

body:not(.ef-user-signed-in) .section-header {
  	background-color: var(--ka-blue);
}

body:not(.ef-user-signed-in) .section-menu {
  	background-color: #2d2d2d;
}

body:not(.ef-user-signed-in) .section-intro,
body:not(.ef-user-signed-in) .section-text {
    background-color: white;
    color: var(--c-site-text) !important;
    border: 0; 
}

body:not(.ef-user-signed-in) .section-intro {
  	padding: 225px 20px;
}

body:not(.ef-user-signed-in) .section-intro .content-60 {
  width: 100%;
}

body:not(.ef-user-signed-in) #section-intro-1 .container {
  	display: none;
}
body:not(.ef-user-signed-in) #section-intro-2 {
  	padding: 20px;
}

body:not(.ef-user-signed-in) #section-intro-2 p {  
  	text-align: justify;
  	padding-left: 70px;
  	padding-right: 70px;
}


body:not(.ef-user-signed-in) #section-intro-2 h3 {
  	padding-bottom: 20px;
    text-align: center;
}
body:not(.ef-user-signed-in) #section-text-2 {
  	padding: 0;
}
body:not(.ef-user-signed-in) #section-text-2 .wrapper,
body:not(.ef-user-signed-in) #section-text-2 p {
  	margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
body:not(.ef-user-signed-in) #section-text-2 img.academy-img {  
  	max-height: 400px;
}
body:not(.ef-user-signed-in) #section-intro-3 {
  	background-color: var(--ka-blue);
  	padding: 30px;
}
body:not(.ef-user-signed-in) #section-intro-3 h2,
body:not(.ef-user-signed-in) #section-intro-3 h3,
body:not(.ef-user-signed-in) #section-intro-3 p {
  	color: white !important;
  	margin: 0;
  	text-align: center;
}

body:not(.ef-user-signed-in) #section-intro-3 > .container > .content-60 > div {
  display: flex;
  justify-content: center;
  align-items: center;
}

body:not(.ef-user-signed-in) #section-intro-3 a {  
    border: 1px solid var(--ka-lightblue) !important;
    background-color: var(--ka-lightblue) !important;
}
body:not(.ef-user-signed-in) h2 {
    font-weight: bold;
    /* color: var(--ka-blue) !important; */
    border: 0;  
  	padding-bottom: 0px;
    text-align: center;
}
body:not(.ef-user-signed-in) h3 {  
    font-weight: 400;
    color: var(--ka-lightblue) !important;
    border: 0;
}

body:not(.ef-user-signed-in) .section-courses {      
    background-color: white;
}
body:not(.ef-user-signed-in) .section-courses article {    
  	margin: 12px !important;
}
body:not(.ef-user-signed-in) .section-courses article img {    
  	border-radius: 1.5em;
}
body:not(.ef-user-signed-in) .section-courses .slick-initialized .slick-slide {      
    background-color: var(--ka-lightgrey);
    margin: 5px;  
  	border-radius: 1.5em;
}
body:not(.ef-user-signed-in) .section-courses .slick-initialized .slick-slide article h4 {      
  	font-weight: bold;
}
body:not(.ef-user-signed-in) .section-courses .slick-initialized button.slick-disabled::before {      
    color: var(--ka-lightgrey);
}

body:not(.ef-user-signed-in) .section-courses .slick-initialized ul.slick-dots li:not(.slick-active) button::before {      
    background-color: var(--ka-lightgrey);
}

body:not(.ef-user-signed-in) #section-courses-2 .articles,
body:not(.ef-user-signed-in) #section-courses-3 .articles {   
  	display: flex;
    gap: 80px;
    flex-wrap: wrap;
    width: 100%;
}
body:not(.ef-user-signed-in) #section-courses-2 article,
body:not(.ef-user-signed-in) #section-courses-3 article {  
    display: flex;
  	margin: 0 !important;
    flex: 1;
  	min-width: 0;
}
body:not(.ef-user-signed-in) #section-courses-2 article figure {    
  	aspect-ratio: 1;
    margin: 20px;  
  	margin-left: 0;  
    height: 110px;
    width: 110px;
}
body:not(.ef-user-signed-in) #section-courses-2 article .description {  
  	-webkit-line-clamp: 6;
}
body:not(.ef-user-signed-in) #section-courses-2 article .description p,
body:not(.ef-user-signed-in) #section-courses-3 article .description p {    
  	font-size: 14px;
    text-align: justify;
}
body:not(.ef-user-signed-in) #section-courses-2 article h4{    
  	font-size: 22px;
    font-weight: bold;
    color: var(--ka-blue) !important;
}
body:not(.ef-user-signed-in) #section-courses-2 article h5 {    
  	font-size: 19px;
    font-weight: 400;
    color: var(--ka-lightblue) !important;
 	padding-bottom: 8px;
}


body:not(.ef-user-signed-in) #section-courses-3 h3 {
  	font-size: 30px;
    font-weight: bold;
    color: var(--ka-blue) !important;
    text-align: center;
}
body:not(.ef-user-signed-in) #section-courses-3 article h4 {
  	font-size: 22px;
    font-weight: 400;
    color: var(--ka-lightblue) !important;
 	padding-bottom: 8px; 
}
body:not(.ef-user-signed-in) #section-courses-3 article .description {  
  	-webkit-line-clamp: none;
}
body:not(.ef-user-signed-in) #section-courses-3 article .description a {    
  	color: white !important;
}
body:not(.ef-user-signed-in) #section-courses-3 article figure,
body:not(.ef-user-signed-in) #section-courses-3 article .readmore {    
  	display: none;
}
body:not(.ef-user-signed-in) #section-courses-3 .articles,
body:not(.ef-user-signed-in) #section-courses-3 .wrapper {  
  	margin: 0;
}
body:not(.ef-user-signed-in) #section-courses-3 p.buttons {  
 	display: flex;
  	gap: 5px;
  	flex-wrap: wrap;  
  	justify-content: center;
}

body:not(.ef-user-signed-in) .ago-external-link-tooltip {
 	display: none; 
}

body:not(.ef-user-signed-in) .section-menu {  
  background-color: var(--ka-blue);
  padding: 0;
}
body:not(.ef-user-signed-in) .section-menu ul > li > a {
  /*color: var(--c-site-text) !important;*/
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

@media (max-width: 991px) {
  	body:not(.ef-user-signed-in) #section-courses-2 .articles, 
  	body:not(.ef-user-signed-in) #section-courses-3 .articles {
      	flex-direction: column;
      	gap: 20px;
  	}
 	body:not(.ef-user-signed-in) #section-courses-2 article,
 	body:not(.ef-user-signed-in) #section-courses-3 article {
      	width: auto;
	}
    body:not(.ef-user-signed-in) #section-intro-2 p {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
}

.bg-img-faq {
  background-size: 100% !important;
}

#accordion_standard h5.mb-0, 
#accordion_idd h5.mb-0,
#accordion_mabv h5.mb-0 {
  margin-top: 10px;
  margin-bottom: 10px;
}

#accordion_standard p, 
#accordion_idd p,
#accordion_mabv p {
  font-size: 13px !important;
  padding-bottom: 10px;
}

#accordion_standard ul, 
#accordion_idd ul,
#accordion_mabv ul {
    font-size: 13px !important;
    padding-bottom: 10px;
  	padding-left: 38px;
}

#accordion_standard li, 
#accordion_idd li,
#accordion_mabv li {
    font-size: 13px !important;  
  	list-style: disc;
}

#footer .footer-heading {
 	margin-top: 10px;
  	margin-bottom: 10px;
}

/* styling mabv / idd / impressum pages */
.ef-block-content > div.text_block.trans > h3 {
 	padding: 0 !important; 
}
.ef-block-content > div.text_block.trans.ma-10 {
 	margin: 5vh !important; 
}
.ef-block-content > div.text_block.trans.ma-10 > a.more{  
  margin: 0 !important;
}
.text_block > .row > .column1-idd > p, 
.text_block > .row > .column2-idd > p, 
.text_block > .col-idd > .row1-idd > p,
.text_block > .row > .col-lg-12 > p {
	font-size: 13px;
  	margin-bottom: 10px;
}
.text_block > .row > .column1-idd > ul {
    padding-left: 2rem;
}
.text_block > .row > .column1-idd > ul > li {
	font-size: 13px;
    list-style-type: disc;
    list-style-position: outside;
}

.text_block > .row > .column1-idd > h4, 
.text_block > .row > .column1-idd > h5, 
.text_block > .row > .column2-idd > h4, 
.text_block > .col-idd > .row1-idd > h4,
.text_block > .row > .col-lg-12 > h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.text_block > h2 {
 	 font-size: 30px;
 	 margin-bottom: 10px;
}

#ef-navbar .container #ef-logo .ef-navbar-logo {
 	 padding: 6.5px 0 !important;
}

#ef-navigation {
	  padding-right: 15px !important;
}
#ef-navigation > li > a {
	font-size: 12px;
  	font-weight: 700;
 	text-transform: uppercase;
}

#ef-navbar .container a > .lock {
  	margin: 0 !important;  
    background-color: white;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    padding: 5px;
  	padding-right: 5px;
    padding-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
#ef-navbar .container a > .lock > img{
  width: 20px !important;
  height: auto !important;
}

#ef-navbar .container {
  align-items: center;
}

/* increase width for price filter */
.courses-filter #price .form_control input[type="number"] {
  width: 60px;
}

/* fix footer paddings */
#footer i.fa-mobile {
  font-size: 24px;
}
#footer span.mobile,
#footer span.mail {
  margin-top: 4px;
  margin-bottom: 4px;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#2F4D72;border-color:#2F4D72;}
html.new-ui-html:root{--c-brand-primary:#708399;--c-brand-primary-darken-5:#6b7e94;--c-brand-primary-darken-7:#697c92;--c-brand-primary-darken-10:#66798f;--c-brand-primary-darken-15:#61748a;--c-brand-primary-darken-17:#5f7288;--c-brand-primary-darken-20:#5c6f85;--c-brand-primary-darken-25:#576a80;--c-brand-primary-lighten-7:#778aa0;--c-brand-primary-lighten-40:#98abc1;}
html,body{background-color:#E8EBEE;}
div.ef-block, div.dashboard-panel div.panel-body{background-color:#FFFFFF;}
*.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:#2F4D72;border-color:#2F4D72;}