/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/*
Kurse Kursseite
*/

/* Titel Kurstyp */

.course_coursepage_coursetype_title {
    color: #fff !important;
    font-weight: 600;
}

.button1 .elementor-button {
    -webkit-transition: box-shadow linear .2s;
    transition: box-shadow linear .2s;
}

.button1 .elementor-button:hover {
    box-shadow: 0 6px 24px 0 rgba(18,43,70,.12);
}

.ld-status-unlocked {
    background-color: #007cff !important;
}

.ld-status-unlocked,
.ld-status-unlocked .ld-icon-unlocked {
    color: #fff !important;
}

/*
Kursseite Lektionen und Themen Videobutton
*/

#courseheader_title_wrapper {
    display: flex;
}

#kursinhaltitle_wrapper {
    display: block;
    width: 65%;
}

#kursinhaltvideo_wrapper {
    width: 35%;
}

#kursinhaltvideo_wrapper .widget {
    border: none;
    padding: 0;
    background: none !important;
}

.navpaneldivider {
    border-bottom: 2px solid rgba(147, 149, 151, 0.3) !important;
    min-height: 0 !important;
}

.navpaneldivider::before {
    content: none !important;
}

.navpaneldivider i,
.navpaneldivider .link-text {
    display: none !important;
}

.ld-content-actions {
    justify-content: center !important;
}

/* Eigene Blƶcke */

#textmitsymbol {
    padding: 20px;
    display: flex;
    box-shadow: 0 4px 32px 0 rgba(18,43,70,.1);
}

#textmitsymbol1 #jke03sj2a2 p {
    margin: 0;
}

#learndash-page-content .sfwd-course-nav .learndash_next_prev_link a {
    background-color: rgba(0, 124, 255, 0.45);
}

.bb-learndash-banner:before {
    opacity: .6;
}

/* BB-Listen */

#learndash-content .bb-cover-list-item {
    transition: all .3s cubic-bezier(.2, .5, .3, 1);
}

#learndash-content .bb-cover-list-item:hover {
    transform: translateY(-5px);
}

/* Card */

.card-default {
    box-shadow: 2px 5px 10px 24 rgba(0,0,0,.08);
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

.card-default:hover {
    box-shadow: 3px 8px 16px rgba(0,0,0,.12);
}

.card-hover,
.card-hover2 {
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    transition: all .3s cubic-bezier(.2, .5, .3, 1);
}

.card-hover,
.card-hover2 .elementor-element-populated {
    box-shadow: 2px 5px 10px rgba(0,0,0,.08);
    border-radius: 8px;
}

.card-hover:hover,
.card-hover2 .elementor-element-populated:hover {
    box-shadow: 3px 8px 16px rgba(0,0,0,.12);
    transform: translateY(-5px);
}

/* Kurskatalog */

.list-check li {
    list-style: none !important;
    margin-left: -25px;
    text-indent:-10px
}

.list-check li div:before {
    color: #00154c;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00c";
    font-size: 12px;
    display: inline-block;
    height: 12px;
    line-height: 1;
    left: 0;
    margin-right: 8px
}

/* LearnDash Kursseite - Kursvorschau Video */

.bb-course-video-overlay>div {
    margin: 0 auto !important;
}

.bb-course-video-overlay .bb-course-play-btn-wrapper {
    margin-bottom: 0 !important;
}

.ld-lesson-section-heading {
    text-transform: uppercase;
}

#paneluserisin {
    position: absolute !important;
    left: 15px;
    font-weight: 600;
    color: #939597 !important;
    padding: 2px 15px;
}

#paneluserisin:hover,
#paneluserisin:hover i {
    background: #007CFF;
    color: #fff !important;
    border-radius: 100px;
}

.bb-dark-theme #paneluserisin {
    color: #fff !important;
}

.learndash-cpt-sfwd-lessons .site-header-container #site-logo,
.learndash-cpt-sfwd-topic .site-header-container #site-logo {
    margin-left: 5%;
}

.bb-learndash-banner .banner-img img {
    height: 100%;
    width: 100vw;
    object-fit: cover;
    background-size: cover;
    vertical-align: middle;
}

#ymewk7gb75 {
    background-color: #fff;
}

.bb-dark-theme #ymewk7gb75 {
    background-color: rgb(51, 51, 51);
}

.bb-dark-theme #ymewk7gb75 .has-scrolled {
    box-shadow: none !important;
}

.lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
    top: 92px !important;
    max-height: calc(-100px + 100vh) !important;
}

/* Tabs PlƤne LoD */

.secondlinelodplans {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
}

/* Favoriten / Fragen */

.favques {
    display: block;
}

.favques .dce-add-to-favorite-add {
    background: none;
    color: #007CFF;
    border: none!important;
    box-shadow: 0px 0px 0px 2px #007CFF!important;
}

#u8ca67a2ndtq a:hover,
.favques .dce-add-to-favorite-add:hover {
    background: rgba(0, 124, 255, 0.75);
    color: #fff;
    box-shadow: 0px 0px 0px 2px #007CFF!important;
}

.favques .dce-add-to-favorite-remove,
.favques .dce-add-to-favorite-remove:hover {
    border-color: #D62C64;
    background: #D62C64;
    color: #fff;
    box-shadow: 0px 0px 0px 2px #D62C64!important;
}

.uo-tclr-open-content-button {
    background: #D62C64;
    color: #fff;
    border-radius: 99px;
    font-weight: 600;
    line-height: 1;
}

.uo-tclr-open-content-button:hover {
    background: #05B3E6;
}

.uo-tincanny-content {
    text-align: center;
}

.learndash-course-list .ld-secondary-header #sfwd_instructors-order-by {
    display: none !important;
}

.grpmgmtcard1 {
    border-radius: 4px;
    padding: 35px 24px;
    background: #ffffff;
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}

#group-management .group-management-header form {
    margin-bottom: 0;
}

.uo-looks-like-h3 {
    font-weight: 600 !important;
}

#group-management-leaders {
    margin-top: 25px;
}

#group-management-leaders .uo-groups-section {
    margin-top: 0;
}

.learndash .ld-tabs-content .wp-block-buttons {
justify-content: center;
}

.learndash .ld-tabs-content .wp-block-button__link {
    background-color: #D62C64;
	border: none;
	color: #fff;
}

.learndash .ld-tabs-content .wp-block-button__link:hover {
	background-color: rgba(214, 44, 100, 0.5);
	color: #122B46;
	box-shadow: 0px 0px 0px 2px #D62C64;
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    src: url("../../../../uploads/fonts/fontawesome-pro-5_15_4-web/fa-regular-400.woff2") format("woff2"),
         url("../../../../uploads/fonts/fontawesome-pro-5_15_4-web/fa-regular-400.woff") format("woff");
  }

  /* LearnDash Kursseite */
  
  .learndash-wrapper .sfwd-course-nav .bb-ld-status .ld-status-progress,
  .learndash-wrapper .sfwd-course-nav .bb-ld-status .ld-status-complete{
    margin-bottom: 0px;
  }

  /* Kurse Favoriten u. Fragen */
  .usercorsefavquestionitem {
    overflow:hidden;
    border-radius: 22px;
  }

  .usercorsefavquestionitem {
    box-shadow: 0 4px 32px 0 rgba(18,43,70,.15);
  }

  .usercorsefavquestionitem:hover {
    box-shadow: 0 4px 32px 0 rgba(18,43,70,.25);
  }

  /* Offset Scroll to Anchor */

  body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
    position: relative;
    z-index: -1;
  }
  /* body:not(.elementor-editor-active) .elementor-menu-anchor:before {
    content: "";
    display: block;
    height: 80px; // fixed header height
    margin: -80px 0 0; // negative fixed header height
    visibility: hidden;
    pointer-events: none;
  } */

  /* Skeleton Loading Effect */
  @keyframes blink {
    0% {
        background-color: #f0f0f0;
    }
    50% {
        background-color: #e0e0e0;
    }
    100% {
        background-color: #f0f0f0;
    }
}

.ldlesson {
    background-color: #EEF6F7;
}

/* New */
.admin-bar .buddypanel {
    height: calc(100% - 20px - 32px);
}

.buddypanel {
    /*height: calc(100% - 10px);
    margin: 0 5px;*/
    border-radius: 15px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 3px 13px 0 rgba(18,43,70,.25);
    background-color: rgba(255,255,255,.62);
    border: 1px solid rgba(0, 0, 0, 0.025);
}


.buddypanel .side-panel-menu li.bb-menu-section a,
.buddypanel .panel-head,
.buddypanel .bb-toggle-panel,
.buddypanel .side-panel-menu a {
    background-color: transparent;
    color: #606163;
}

body.bb-buddypanel:not(.buddypanel-open) .buddypanel ul.buddypanel-menu li.bb-menu-section:after {
    background-color: #606163;
}

/* Anmeldenachricht */
#login-logout_message-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.82);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    transition: opacity 1.2s;
    opacity: 1;
    pointer-events: none; /* Prevent interaction when overlay is hidden */
}

#login-logout_message-overlay.hidden {
    opacity: 0;
}

#login-logout_message-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 1.2s, opacity 1.2s;
}

#login-logout_message-container.fade-out-bottom {
    transform: translateY(100%);
    opacity: 0;
}

#login-logout_message-message {
    font-size: 2em;
    margin-top: 20px;
}

.ki-instruction {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
}