/*
Theme Name: MasterLife Child
Theme URI: https://masterlife.jwsuperthemes.com
Template: masterlife
Author: the JWSThemes team
Author URI: https://themeforest.net/user/jwsthemes/portfolio
Description: MasterLife is a modern WordPress theme designed and built specifically for Education LMS and Online Training. It offers a comprehensive suite of tools to seamlessly set up your learning management system. With five distinct and visually appealing demos, MasterLife makes it easy to create professional websites for online education, instructors, academies, universities, and more. The intuitive demo importer simplifies the process, providing ready-made content to help you get started effortlessly. Empower your students and transform the learning experience with MasterLife.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.2.3
Updated: 2024-11-12 09:32:50
*/
:root {
  --main: #030f40;
  --secondary: #543cdf;
  --third: #fffaf5;
  --light: #ffffff;
  --dark: #000000;
  --heading: #0e1316;
  --body: #667085;
  --body2: #f4f7ff;
  --body3: #ebebeb;
  --body4: #f8f8f8;

  --bodybg: #ffffff;
  --btn-bgcolor: #09205c;
  --btn-color: #ffffff;
  --btn-bgcolor2: transparent;
  --btn-color2: #09205c;
  --font-size-sm: 14px;
  --line-height-sm: 22.5px;
  --font-size-md: 18px;
  --line-height-md: 25.2px;
  --input-background: #ffffff;
  --input-background2: #ffffff;
  --background-item: #fef8e6;
  --background-body: #ffffff;
  --border-color: #626262;
  --border-color2: #eff1f2;
  --border-color3: #b7b7b7;
  --full-fd: 70px;
  --link: #232323;
  --font-size-md: 18px;
  --line-height-md: 25px;
  --inscolor: var(--bodybg);
  --jws-sticky-header-height: 0px;    
}
@media (max-width: 767px) {
  :root {
    --font-size-sm: 12px;
    --line-height-sm: 16px;
  }
}
.btn-theme {
  background: var(--main);
  color: #ffffff;
  height: 50px;
  padding: 0 40px;
  text-align: center;
  line-height: 50px;
}

button.btn-theme {
  border: 0;
}


/* ----------------------------- Allgemein */

h1.elementor-heading-title {
    font-size:56px;
    line-height: 75px;
}

h1.post-title{
    font-size: 46px;
    line-height: 55px;
    font-weight:600;
}

h2{
    font-size:25px!important;
}

h3{
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: normal!important;
    color:var(--e-global-color-accent)!important;
}

.blau h3{
    color:white!important;
}

h4{
    font-size: 28px!important;
    line-height: 34px!important;
    line-height: normal!important;
}

h4 + h5{
    margin-top:20px;
}

h5{
    margin-bottom:20px;
}

.elementor-widget-text-editor ul{
    margin-bottom:20px!important;
    color:#111!important;
    line-height:1.7em;
}



/* ----------------------------- Header */

.current-menu-item a span{
    color:var(--e-global-color-accent);
}

.elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu, .elementor_jws_menu_layout_menu_horizontal > .elementor-widget-container > .jws_main_menu > .jws_main_menu_inner > ul > li .sub-menu-dropdown{
    top:91px;
}

.jws_account_button a.elementor-repeater-item-cc0ae07{
    margin-right: 0!important;
}

.jws_account_button .elementor-repeater-item-c014bbf{
    display:none;
}

.jws_account_button a:focus {
    background-color: #073776;
    color:white!important;
}

.jws_account_button a span:focus {
    color:white!important;
}


/* ----------------------------- Hero-Slider */

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 25px;
}

#hero-slider .elementor-widget-jws_button_advanced{
    z-index:10;
} 


/* ----------------------------- Kurskacheln Allgemein */


.jws-courses-advanced-element .post-cat.has-shape a {
    display: none;
}

.jws-courses-advanced-element .post-cat.has-shape a[href*="ld_course_category=online-kurse"],.jws-courses-advanced-element .post-cat.has-shape a[href*="ld_course_category=live-kurse"] {
    display: block;
}

.jws-post-item .post-cat a[href*="ld_course_category=online-kurse"] {
    display: none;
}

/*

.jws-post-item .course-user {
    display: none;
}

.jws-courses-advanced-element .layout1 .post-meta{
    margin-top:0;
    border:none;
}

.jws-post-item h6.post-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 19px;
    margin-bottom: 18px;
}

.jws-post-item .fl_between {
    justify-content: space-between;
    justify-content: flex-end;
}

.jws-post-item .post-meta {
    float: left;
}

.jws-post-item span.course-rating {
    display: none;
}

*/

/* ----------------------------- Onlinekurs Kategorieseite */

span.jws-breadcrumbs__crumb::before {
    content: "Onlinekurse";
}

span.jws-breadcrumbs__text::before {
    content: "\e837";
    font-family: "jws_icon";
}

.kategorieseite .jws-post-item .post-meta{
    float: none;
}

.kategorieseite .jws-post-item .fl_between {
    justify-content: space-between;
}

.kategorieseite .jws-courses-advanced-element .layout4 .post-inner {
    gap: 0 45px;
}

.kategorieseite .jws-courses-advanced-element .layout4 .post-cat.has-shape a {
    padding: 5px 10px;
}

.kategorieseite .jws-post-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
}

.kategorieseite .post-content{
    width:100%;
}

.kategorieseite .post-cat {
    font-size: 10px;
}


/* ----------------------------- Kursseite */

/* ------------------ Nicht eingeloggt */


/* ------------------ Infobox */
    
.single-sfwd-courses .jws-courses-info {
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.jws-courses-info.active {
    opacity: 1;
    transform: translateX(0);
}

.jws-courses-info{
    overflow:hidden;
}

.ld-course-status{
    display:none!important;
}

/* ------------------ Preis */

.jws-courses-info .course-price{
    background-color:transparent;
    padding: 20px 0;
    margin-bottom:0;
}

.ld-course-status-price{
    color: #030f40;
    text-align: center;
    font-size: 43px;
}

/* ------------------ Beitragsbild */

.jws-courses-info img{
    margin-bottom:20px;
}

.course-member-image {
    transform: scale(1.22);
}

.jws-courses-info img {
    margin-bottom: 35px;
    margin-top: -4px;
    border-radius: 5px 5px 0 0;
}

/* ------------------ Kategorie */

.course-member-category {
    font-size: 13px;
}

/* ------------------ Überschrift */

.jws-courses-info h1.course-member-title{
    font-size:20px;
    line-height: normal;
}

/* ------------------ Preis */

.course-purchased .jws-courses-info .course-price{
    display:none;
}

/* ------------------ Wunschliste */

.course-purchased .course-wishlist {
    display: none;
}


/* ------------------ Fortschrittsbalken */

.learndash-wrapper .ld-course-status.ld-course-status-enrolled{
    display: block!important;
}

.learndash-wrapper .ld-progress{
    display:block!important;
}
.learndash-wrapper .ld-progress .ld-progress-bar{
    height:15px!important;
}

.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage{
    height: 15px!important;
}

.course-progress-action{margin-top:20px}
.course-progress-action-bar{height:5px;background:#eee;overflow:hidden}
.course-progress-action-bar span{display:block;height:100%;background:#061653}
.course-progress-action-meta{font-size:12px;margin-top:6px}
.course-progress-action-button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 15px;margin-top:10px;background:#061653;color:#fff!important;font-weight:600;text-align:center}
.course-progress-action-button.absolviert{background:#061653}


/* ------------------ Neu Starten */

.course-restart-form {
	margin-top: 8px;
}

.course-progress-action-button.neu-starten {
	background: transparent;
	color: #061653 !important;
	border: 1px solid #061653;
}

/* ------------------ In Kurs enthalten*/

.single-sfwd-courses .jws-courses-info .reset_ul_ol li:nth-child(1){
    display:none;
}

.single-sfwd-courses .jws-courses-info .reset_ul_ol li:nth-child(4){
    display:none;
}


/* ----------------------------- Kurslektions-Seite */

/* ------------------ Lektionsmenü */

.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar{
        transform: translateX(calc(-100%))!important;
}

.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon{
    right: -40px;
}

.ld-focus-sidebar .ld-icon-arrow-right::before{
    content: "\e914"!important;
}

.ld-focus-sidebar .ld-icon-arrow-left::before{
    content: "\e913"!important;
}


.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview span.ld-expand-button{
        justify-content: flex-end!important;
    }

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview {
        display: flex;
    }

.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading {
        flex-flow: nowrap;
    }

.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-lesson-title {
        width: 180px;
    }

.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview span.ld-expand-button{
        padding-left:0;
    }

/* --------- Höhe Fortschrittsblaken */

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action, .learndash-wrapper .ld-focus .ld-focus-header div.ld-progress{
        height:auto;
}

/* --------- Aktive Lektionen Kreis */

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title .ld-status-incomplete {
    border: 2px solid #00a2e8 !important;
}

/* --------- Aktive Lektionen Titel */

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
    color: #00a2e8!important;
    font-weight: 700;
}

/* --------- Aktive Themen Kreis */

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson a.ld-is-current-item div.ld-status-icon{
    border-color: #00a2e8!important;
}

/* --------- Aktive Themen Titel */

a.ld-is-current-item .ld-topic-title{
    color:#00a2e8!important;
}

/* ------------------ Lektion */

.learndash-wrapper:not(.ld-registration__outer-wrapper) form#sfwd-mark-complete:after, .learndash-wrapper:not(.ld-registration__outer-wrapper) form.sfwd-mark-complete:after{
    display:none;
}

/* ------------------ Status Header */

.single-sfwd-topic .learndash-shortcode-wrap{
    display:none;
}

.single-sfwd-topic svg.e-font-icon-svg {
    width: 40px;
}

.elementor-swiper-button.elementor-swiper-button-next {
    right: 0;
}


/* ----------------------------- Dashboard */

/* ------------------ Header */

.ld-dashboard-header{
    display:none;
}

.elementor-element-2b5392e{
    order: 1;
}

.elementor-element-d9c1f26{
    order: 2;
}

.jws_account .dropdown-menu li:has(a[href="https://design-akademie-deutschland.de/my-dashboard/"]) {
    display: none !important;
}

.jws_account a[href*=profile]{
    display:none;
}

.jws_account a[href*=my-quiz-attempts]{
    display:none;
}

.jws_account a[href*=messages]{
    display:none;
}

.ld-dashboard-content-wrapper .ld-dashboard-welcome h5 {
    font-size: 64px;
    font-weight:800!important;
    line-height: 67px;
    margin-top: 10px;
}


/* ------------------ Sidebar */

.ld-dashboard-menu-tab:has(a[href="https://design-akademie-deutschland.de/my-dashboard/"]) {
    display: none !important;
}

/* ------------------ Dashboard Hintergrund */

.ld-dashboard-content.ld-dashborad-add-edit-course {
    background-image: linear-gradient(0deg, rgb(0 24 49) 0%, rgba(255, 255, 255, 0) 269%), url(https://design-akademie-deutschland.de/wp-content/uploads/2026/08/design-akademie-deutschland-aufenthaltsraum.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
    background-position: top;
    min-height:100vh;
}

.admin-bar.ld-dashboard .ld-dashboard-content.ld-dashborad-add-edit-course {
    background-image: url(https://design-akademie-deutschland.de/wp-content/uploads/2026/08/mauer.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    min-height:100vh;
}


/* ------------------ Dashboard Inhalt */

.ld-dashboard .ld-dashboard-content-wrapper h5::before {
    content: "Mein Lernbereich";
    visibility: visible;
    line-height: 1em;
    margin-bottom: -36px;
}

.ld-dashboard .ld-dashboard-content-wrapper h5{
    visibility: hidden;
}

.ld-dashboard-content-wrapper h4{
    color:white;
}

.ld-dashboard-content-wrapper h5{
    color:white;
}

.ld-dashboard-content-wrapper a.btn.btn-solid{
    color:#030f40;
    background-color:white;
}

.ld-dashboard-content-wrapper a.btn.btn-solid:hover{
    color:white;
    background-color:#135cbd;
}

.ld-dashboard-content-wrapper .ld-course-filter-form .btn.btn-solid{
    color:white;
    background-color:#135cbd;
}

.ld-dashboard-content-wrapper .ld-course-filter-form .btn.btn-solid:hover{
    color:white;
    background-color:#004197;
}

.ld-dashboard-content-wrapper .post-cat a {
    font-size: 10px;
}

.ld-dashboard-content-wrapper .ld-dashboard-inline-links a{
    color:white;
    opacity: 1!important;
}

.ld-dashboard-content-wrapper .course-nav-active a{
    color:#030f40;
}

.ld-dashboard-content-wrapper table {
    color: #030f40;
}

.ld-dashboard-content-wrapper .ld-course-filter-form label{
    color:white;
}

.ld-dashboard-content-wrapper .jws-courses-advanced-element .post-cat.has-shape {
    padding: 15px;
}

.ld-dashboard-content-wrapper .jws-courses-advanced-element .insight_img{
    display: none;
}

.ld-dashboard-content-wrapper span.result-post.fs-small {
    color: white;
}

.ld-dashboard-content-wrapper .select2-dropdown {
    max-width: min-content;
}

.ld-dashboard-content-wrapper .change-per-page>span{
    color:white;
}

.ld-dashboard-content-wrapper .change-per-page span span{
    color:#555;
}

/* -------- Kurs Fortschritt */

.ld-dashboard-course-progress .ld-dashboard-course-progress-bar span{
    background-color:green;
}

/* ------------------ Profil */

.ld-dashboard-content-wrapper  .ld-dashboard-my-profile .profile-banner, .ld-dashboard-content-wrapper .ld-dashboard-profile-setting-view .profile-banner{
        background-image: url(https://design-akademie-deutschland.de/wp-content/uploads/2026/08/design-akademie-deutschland-aufenthaltsraum.png)!important;
}

.ld-dashboard-content-wrapper .ld-dashboard-profile-settings.change-banner{
    display:none;
}

.ld-dashboard-content-wrapper .ld-dashboard-my-profile{
    color:white;
}

.ld-dashboard-content-wrapper .ld-dashboard-my-profile .ld-dashboard-section-head-title .ld-dashboard-edit-profile{
    color:white;
}

.ld-dashboard-content-wrapper .ld-dashboard-my-profile .btn.btn-solid{
    display:none;
}


/* ------------------ Eingeschriebene Kurse */

.enrolled-courses .ld-dashboard-content-wrapper h4.ld-dashboard-tab-heading {
    margin-bottom: 10px;
}

/* -------- Filter */

.enrolled-courses .ld-dashboard-content-wrapper .course-filter{
    margin-bottom:30px;
}

.enrolled-courses .ld-dashboard-content-wrapper .course-filter .ld-course-filter-form.mr_b_30, .enrolled-courses .ld-dashboard-content-wrapper .course-filter>div{
    max-height:0;
    transition: 0.5s;
    opacity:0;
    margin:0;
}

.enrolled-courses .ld-dashboard-content-wrapper .course-filter.active .ld-course-filter-form.mr_b_30, .enrolled-courses .ld-dashboard-content-wrapper .course-filter.active >div{
    margin: 10px 0;
    opacity:1;
    max-height:100%;
}

.enrolled-courses .ld-dashboard-content-wrapper .course-filter .col-lg-6.col-6 {
    padding-right: 0;
    padding-left: 0;
}

.enrolled-courses .ld-dashboard-content-wrapper .course-filter button {
    border-style: none;
    background-color: transparent;
    color: white;
    padding-left: 0;
    position: relative;
    transition: 0.3s;
    font-size: 13px;
}

.enrolled-courses .ld-dashboard-content-wrapper .course-filter button span.ld-filter-arrow {
    margin-left: 5px;
    position: absolute;
    top: -2px;
}

.enrolled-courses .ld-dashboard-content-wrapper .select2-container{
    display:block;
}

.enrolled-courses .ld-dashboard-content-wrapper .course-filter .ld-course-filter-toggle,
.course-filter .filter-field {
    display:none!important;
}

.enrolled-courses .ld-dashboard-content-wrapper .course-filter.active .filter-field {
    display:block!important;
}

.enrolled-courses .ld-dashboard-content-wrapper .ld-enrolled-filter-toggle {
    display:block;
    cursor:pointer;
}

.enrolled-courses .ld-dashboard-content-wrapper .ld-enrolled-filter-toggle span {
    position: absolute;
    top: -2px;
    margin-left: 5px;
}

/* -------- Kurskacheln */

/*
.post-inner.overflow-hidden.jws-tooltipster {
    border: 1px solid white;
}
*/

/* -------- Beschreibungsfenster */

.enrolled-courses .post-inner.overflow-hidden.jws-tooltipster:hover {
    transform: scale(1.02);
}

.enrolled-courses .post-inner.overflow-hidden.jws-tooltipster {
    transition: 0.3s;
}

.enrolled-courses .post-meta-sc{
    display:none;
}

.enrolled-courses .ld-dashboard-course-last-activity-time{
    display:none;
}

.enrolled-courses .post-inner.overflow-hidden.jws-tooltipster {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.enrolled-courses .jws-post-item .post-inner .post-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.enrolled-courses .jws-post-item .post-inner .post-content .ld-progress-bar {
    margin-top: auto;
}

.enrolled-courses .jws-post-item .post-inner .post-content .ld-progress-metadata.d-flex.fl_between.fl-bottom.fs-small.fw-500.mr_b_5 {
    margin-bottom: 20px;
}

/* -------- Neu starten-Button */

.ld-dashboard-course-action.neu-starten {
    /* background: #061653 !important; */
    /* color: white !important; */
    /* border-top: 1px solid #061653 !important; */
    margin-bottom: 1px;
    font-size: 11px;
    padding: 6px;
    display: inline-block;
}

.ld-dashboard-course-action.neu-starten:hover {
	background: #061653 !important;
	color: #fff !important;
}

/* -------- Status-Buttons */

.ld-dashboard-course-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% + 60px);
    margin: 0 -30px -18px -30px;
    padding: 20px;
    background: #f5f7ff;
    color: #293976 !important;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    font-size: 19px;
}

a.ld-dashboard-course-action.in-progress {
    box-shadow: inset 0 0 20px rgb(107 195 255 / 30%);
    color:white;
}

a.ld-dashboard-course-action.absolviert {
    background-color: var(--main);
    color: white !important;
}

.ld-dashboard-course-action:hover{
    color:#135cbd!important;
    box-shadow: inset 0 0 20px rgb(38 97 137 / 30%);
    box-shadow: inset 0 0 20px rgb(107 195 255 / 30%);
}

/*#135cbd*/


/* ------------------ Dashboard-Raster ausblenden */

.ld-dashboard-content-wrapper .col-xl-8{
    display: none;
}

.ld-dashboard-content-wrapper .col-xl-4{
    flex: 100%;
    max-width:100%;
}

.ld-dashboard-content-wrapper .ld-dashboard-welcome, .ld-dashboard-welcome h5{
    color:white;
}

.ld-dashboard-content-wrapper .ld-dashboard-welcome h5 img{
    display:none!important;
}

.ld-dashboard-content-wrapper .ld-dashboard-course-quizzes-assignment-progress{
    display:none;
}


/* ------------------ Bottom-Menü */

.jws-toolbar-wap {
    height: 94px;
}

.jws-toolbar-wap .jws-toolbar-item i {
    font-size: 33px;
    margin-bottom: 15px;
    color:#073776;
}

.jws-toolbar-wap .jws-toolbar-item span {
    color:#073776;
    font-weight:600;
}
.ld-dashboard-content-wrapper .ld-dashboard-welcome h5 {
    font-size: 34px;
    font-weight: 800 !important;
    line-height: 24px;
    margin-top: 10px;
}

/* ------------------ Bottom-Menü (Blau) */

/*

.ld-dashboard-welcome.cl-heading {
    position: fixed;
    bottom: 109px;
    z-index: 400;
}

.jws-toolbar-wap {
    display: flex;
    height: 560px;
    background: #0e4887;
    background: linear-gradient(0deg, rgba(14, 72, 135, 1) 0%, rgba(255, 255, 255, 0) 100%);
    align-items: flex-end;
    padding-bottom: 40px;
}

.jws-toolbar-wap .jws-toolbar-item {
    flex: 1 0 20%;
    text-align: center;
    font-size: 10px;
}

.jws-toolbar-wap .jws-toolbar-item i {
    font-size: 33px;
    margin-bottom: 15px;
    color: white;
}

.jws-toolbar-wap .jws-toolbar-item span {
    color: white;
    font-weight: 600;
}

*/


/* ----------------------------- Responsive Design */

@media screen and (max-width:1125px){  

    /* ------------------ Header */

    .ld-dashboard-header img {
        max-width: 140px;
    }

    .ld-dashboard-left-section{
        display:none;
    }

    .ld-dashboard-mobile .ld-dashboard-mobile-wrap .mobile-menu-link:nth-child(2){
        display:none
    }

    .ld-dashboard-mobile #ld-dashboard-menu{
        display:none;
    }
    
    /* ------------------ Content */

    .ld-dashboard-content {
        padding: 20px !important;
    }
    
    /* ------------------ Eingeschriebene Kurse */
    
    .ld-course-filter-form {
        display: block;
    }


}

@media screen and (min-width:1025px){  

    /* ------------------ Dashboard */
    
    .ld-dashboard .courses-list .jws-post-item .post-media {
        width: 130px;
    }
    
    .ld-dashboard .courses-list .jws-post-item .post-content {
        padding-left: 40px;
    }
    
    .ld-dashboard h6.post-title {
        font-size: 20px;
        line-height: normal;
    }
        
    .ld-dashboard .jws-post-item {
        max-width: 100% !important;
    }
    
    /* -------- Layout in 3 Spalten */

    .enrolled-courses .jws-post-item.col-xl-3.col-lg-6.col-12 {
        max-width: 33.33%;
        flex: 33.33%;
    }
    
}


@media screen and (max-width:1025px){  
    
    /* ----------------------------- Allgemein */

    body {
        padding-bottom: 94px;
    }
    
    /* ----------------------------- Scroll to Top */

    .backToTop {
        bottom: 112px;
    }
    

    /* ----------------------------- Kursseite */

    /* ------------------ eingeloggt */

    /* ------------------ Infobox */

    .single-sfwd-courses .col-xl-70.col-lg-12.col-12 {
        order: 2;
    }

    /* ------------------ Preis */


    .ld-course-status{
        display:none!important;
    }

    .jws-courses-info .course-price{
        background-color:transparent;
        padding: 20px 0;
        margin-bottom:0;
    }

    .ld-course-status-price{
        color: #030f40;
        text-align: center;
        font-size: 43px;
    }

    /* ------------------ Nicht eingeloggt */

    .courses-header{
        display:none;
    }
    
    /* ------------------ Dashboard */

    .ld-dashboard .post-inner.d-flex.fl-center {
        align-items: flex-start;
    }
    
    .ld-dashboard .ld-dashboard-head-wrapper{
        margin:0;
    }
    
    /* ------------------ Eingeschriebene Kurse */
        
    .enrolled-courses .ld-dashboard-content-wrapper form.mr_b_30 {
        margin-bottom: 0px;
    }
    
    /* -------- Filter */

    .enrolled-courses .ld-dashboard-content-wrapper .course-filter button {
        display:block;
    }

    .enrolled-courses .ld-dashboard-content-wrapper .course-filter .filter-field {
        display: none!important;
    }
    
    
    /* ------------------ eingeloggt */

    .course-purchased .courses-header{
        display:none;
    }

    
}

@media screen and (max-width:800px){   

    
    /* ----------------------------- Allgemein */

    h1{
        font-size:24px!important;
    }

    h2{
        font-size:14px!important;
    }

    /* ------------------ Suchbutton Startseite */

    .elementor-16790 .elementor-element.elementor-element-b16df8c form.searchform input, .elementor-16790 .elementor-element.elementor-element-b16df8c form.searchform input::placeholder {
        font-size: 10px!important;
        padding: 5px;
    }

    button.searchsubmit.d-flex.fl-center.fl_between {
        font-size: 10px!important;
    }

    .elementor-16790 .elementor-element.elementor-element-b16df8c form.searchform button {
        min-width: auto;
        padding: 5px 5px 5px 15px;
    }

    i.jws-icon-magnifying-glass.rad_100.d-inline-block {
        margin-left: 10px;
    }

}


@media screen and (max-width:590px){   

    .ld-dashboard-welcome {
        margin-bottom: -31px;
    }
    
}


@media screen and (max-width:500px){   
    
    
    /* ----------------------------- Onlinekurs Kategorieseite */

    .kategorieseite .jws-post-item {
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
    }
    
    /* ------------------ Lektion */

    .ld-focus-header form.sfwd-mark-complete{
        padding-right:10px;
    }
    
}