@media only screen and (min-width: 768px) {
    h1.desktop-commonH1 {
        color: var(--lochmara);
        font-family: 'HelveticaNeueBold';
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin: 0;
    }

    h2.desktop-commonH2 {
        font-family: 'HelveticaNeueBold';
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-decoration-line: underline;
    }

    h3.desktop-commonH2 {
        color: var(--lochmara);
        font-family: 'HelveticaNeueBold';
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        text-transform: uppercase;
    }
    
    h3.desktop-commonH2 .vtitle {
        text-decoration-line: underline !important;
    }

    .course-subheading {
        color: var(--cello);
        font-family: 'Helveticaneue';
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration-line: underline;
    }

    p.pagetitleSubheading {
        color: var(--cello);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .desktop-header-section {
        background: var(--lochmara);
        box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.09);
        padding: 25px;
        position: fixed;
        width: 100%;
        z-index: 11;
    }

    .header-desktopcontainer {
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .content-container {
        width: 100%;
        margin: 0 auto;
        padding-left: 40px;
        padding-right: 40px;
    }

    .desktop-navigation li a {
        color: var(--white);
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .desktop-navigation li.current-menu-item a {
        font-family: 'HelveticaNeueMedium';
    }

    .desktop-navigation li {
        display: inline-block;
        margin-right: 110px;
    }

    .desktop-navigation li:last-child {
        margin-right: 0px;
    }

    .desktop-navigation ul#menu-desktop-menu {
        margin-bottom: 0px;
        text-align: center;
        padding: 0;
    }

    .custom-pt-pb-80 {
        padding-top: 80px;
        padding-bottom: 150px;
    }
    
    .col.contact-header-desktop {
    padding-left: 7px !important;
    padding-right: 0px !important;
}

.common-radius-box.plan-widgetBtn.widget-column.login .desktop-fav-icon {
    margin-left: 11px;
    margin-right: 8px;
}

    section.common-bg {
        position: relative;
        display: flex;
        justify-content: center;
        overflow: hidden;
        z-index: 1;
        /*height: 100vh;*/
        /*height: calc(var(--vh, 1vh) * 100);*/
    }
    .page-template-meinedailyaffirmation section.common-bg {
        height: calc(var(--vh, 1vh) * 100);
    }
    section.loggedIn-bg {
        background: url(../images/desktop-background.png) repeat-y top center;
        background-size: cover;
    }

    section.desktop-background-container.toprightFlowershow::before {
        content: '';
        position: absolute;
        background: url(../images/desktop-topflower.png) no-repeat;
        height: 562px;
        width: 390px;
        top: 130px;
        right: 0;
        z-index: -1;
    }

    section.desktop-background-container.overlaptoprightimg::before {
        z-index: 1;
    }

    section.desktop-background-container.bottomleftFlowershow::after {
        content: '';
        position: absolute;
        background: url(../images/desktop-bottomflower.png) no-repeat;
        width: 826px;
        height: 644px;
        bottom: -55px;
        left: 0;
        z-index: -1;
    }

    .pagetitle-component.pagetitle-component-with-bg {
        /* Combine gradient background and background image */
        background:
            -webkit-linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%),
            url('/wp-content/uploads/2024/08/krusbg1.png') center center / cover no-repeat;
        background:
            -moz-linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%),
            url('/wp-content/uploads/2024/08/krusbg1.png') center center / cover no-repeat;
        background:
            -o-linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%),
            url('/wp-content/uploads/2024/08/krusbg1.png') center center / cover no-repeat;
        background:
            linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%),
            url('/wp-content/uploads/2024/08/krusbg1.png') center center / cover no-repeat;
    }

    .pagetitle-component.pagetitle-component-with-sideImg::before {
        content: '';
        position: absolute;
        background-image: url(/wp-content/uploads/2024/08/patitle-banner.png);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
        overflow: hidden;
    }

    .pagetitle-component.pagetitle-component-with-sideImg {
        position: relative;
        background: -webkit-linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%), #FFF;
        background: -moz-linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%), #FFF;
        background: -o-linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%), #FFF;
        background: linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%), #FFF;
    }

    .pagetitle-component.pagetitle-component-only-bgcolor {
        /* Gradient background with vendor prefixes for compatibility */
        background: -webkit-linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%), #FFF;
        background: -moz-linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%), #FFF;
        background: -o-linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%), #FFF;
        background: linear-gradient(219deg, rgba(142, 224, 249, 0.50) 16.06%, rgba(245, 239, 255, 0.50) 72.5%), #FFF;
    }

    .pagetitle-component {
        /* Drop shadow for supported browsers */
        -webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
        /* Chrome, Safari, Opera */
        filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
        /* Standard */

        /* Fallback for browsers without filter support */
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        padding: 62px 64px;
        border-radius: 20px;
        margin-bottom: 80px;
    }

    .common-toggle-box,
    .desktop-page-box {
        border-radius: 25px;
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        /*overflow: hidden;*/
        margin-top: 40px;
        background: var(--Light-gradient, linear-gradient(79deg, #FFF 0%, #EFEFEF 100%));
    }

    .desktop-course-box-head {
        display: flex;
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
    }

    .desktop-showMoreIcon img,
    .desktop-showMoreTakewayInfoIcon img {
        transform: rotate(-90deg);
    }

    .desktop-showMoreIcon {
        padding: 20px 0px;
        cursor: pointer;
    }

    .desktop-course-topicStatus {
        display: inline-flex;
        padding: 5px 15px;
        align-items: center;
        border-radius: 31.061px;
        -webkit-box-shadow: 0px 2.485px 2.485px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2.485px 2.485px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2.485px 2.485px 0px rgba(0, 0, 0, 0.15);
        /*position: absolute;*/
        right: 0;
        top: 30px;
        background: var(--Light-gradient, linear-gradient(79deg, #FFF 0%, #EFEFEF 100%));
        float: right;
    }

    .desktop-course-topicStatus.watched img {
        filter: brightness(0) saturate(100%) invert(74%) sepia(11%) saturate(2637%) hue-rotate(54deg) brightness(93%) contrast(91%);
    }

    .desktop-course-topicStatus img {
        margin-left: 10px;
    }

    .desktop-course-topicStatus span {
        line-height: normal;
    }

    .desktop-course-topicStatus.watched {
        background: linear-gradient(0deg, rgba(102, 204, 51, 0.30) 0%, rgba(102, 204, 51, 0.30) 100%), #FFF;
    }

    .desktop-course-title-description {
        position: relative;
        padding: 50px;
        width: 100%;
    }

    .topicStatus-counts-section {
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    .desktop-topics-area {
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
    }

    .desktop-topic-box .desktop-topics-area {
        padding: 90px;
    }

    .desktop-course-box .desktop-topics-area {
        padding: 65px;
    }

    .desktop-course-topic-list {
        background: var(--Light-gradient, linear-gradient(79deg, #FFF 0%, #EFEFEF 100%));
        -webkit-box-shadow: 0px 2.485px 5.485px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2.485px 5.485px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2.485px 5.485px 0px rgba(0, 0, 0, 0.15);
        border-radius: 25px;
        margin-top: 40px;
    }
    .desktop-course-thumbnial > img {
        border-radius: 25px 0px 0px 0px;
    }
    .desktop-course-topic-list .col-3 > img {
        border-radius: 25px 0px 0px 25px;
    }
    .desktop-course-box .desktop-showMoreTopics {
        border-radius: 0px 0px 25px 25px;
        overflow: hidden;
    }
/*    .video-status-icon {
        margin-right: 35px;
        position: absolute;
        top: 30px;
    }*/
    .desktop-course-topic-list .video-status-icon {
        left: -70px;
        top: 3px;
        bottom: 0;
        margin: auto;
        position: absolute;
    }
    .desktop-course-topic-list h3.desktop-commonH2 {
        position: relative;
    }
    .desktop-video-player {
        position: relative;
        padding-bottom: 56.25%;
         height: 0; 
    }
    .desktop-course-topic-list,
    .desktop-course-bookmark-btn,
    .video-status-icon,
    .desktop-topicStatus,
    .desktop-favorite-icon,
    .desktop-showMoreIcon,
    .desktop-bookmark-icon,
    .desktop-showMoreTakewayInfoIcon,
    .widget-addRemove,
    .desktop-page-box,
    .desktop-collap-expand-page-box-bookmark-btn,
    .maincourse-bookmark-btn,
    .desktop-Takeaway-mainbox .Takeaway-bookmark-btn {
        cursor: pointer;
    }

    .video-playbtn-and-timeduration span {
        display: inline-block;
        color: var(--lochmara);
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-decoration-line: underline;
        margin-top: 10px;
    }

    .desktop-course-topic-list .text-content h3.desktop-commonH2 span {
        display: block;
        text-transform: none;
        color: var(--lochmara);
        font-weight: normal;
        font-size: 24px;
        line-height: normal;
        margin-top: 5px;
        margin-bottom: 15px;
        text-decoration-line: none;
    }

    .topic-list-description {
        color: var(--cello);
        font-family: 'Helveticaneue';
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        /*text-decoration-line: underline;*/
    }

    .desktop-course-topic-list .text-content {
        margin-left: 110px;
        margin-right: 40px;
        width: 80%;
    }

    .desktop-course-topic-list>.row {
        width: 100%;
        margin: auto;
    }

    .desktop-course-box.expanded .desktop-showMoreIcon {
        /*background: var(--Blue-Gradient, linear-gradient(259deg, #0088CE 0%, #2EB8FF 100%));*/
    }
    

    .desktop-course-box.expanded .desktop-showMoreIcon img {
        transform: rotate(0deg);
    }

    .desktop-course-topic-list:first-child {
        margin-top: 0px;
    }
    .desktop-course-topic-list .desktop-video-container {
        padding: 65px;
        border-top: 1px solid #dfdfdf;
        text-align: center;
    }
    a.maikaurse-vidBtn {
        padding: 15px 25px;
        background-color: var(--fresheggplant);
        border-radius: 53px;
        color: var(--white);
        text-align: center;
        margin-top: 32px;
        display: block;
    }
    a.maikaurse-vidBtn:hover {
        color: var(--white);
    }    
    .desktop-course-bookmark-btn {
        position: absolute;
        right: 15px;
        top: -10px;
    }
    .right-bookmark .desktop-course-bookmark-btn {
        position: relative;
    }
    .back-and-next-coursebtn {
        display: flex;
        justify-content: space-between;
        margin-bottom: 70px;
        margin-top: 150px;
    }

    .back-and-next-coursebtn .common-backbtn {
        padding: 15px 97px;
        background-color: var(--fresheggplant);
        color: var(--white);
        border-radius: 53px;
        text-transform: uppercase;
        font-family: 'HelveticaNeueMedium';
    }

    .desktop-topicStatus {
        position: absolute;
        right: 55px;
    }

    .desktop-showMoreBookmarkFavoriteTopics {
        padding: 10px 95px;
    }

    .desktop-showMoreTakewayInfoIcon img.rotate-icon {
        transform: rotate(90deg);
    }

    .desktop-video-thumbnail {
        position: relative;
        cursor: pointer;
    }

    .desktop-play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .desktop-video-player video,
    .desktop-video-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /*.common-listStyle li::before {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    height: 5px;*/
    /*    width: 5px;*/
    /*    left: -20px;*/
    /*    top: 12px;*/
    /*    margin: auto;*/
    /*    border-radius: 15px;*/
    /*}*/
    .impressum-and-datenschutz-body .common-listStyle li::before {
        background: var(--cello);
    }

    .chaptersNameDescription li::before {
        background: var(--cello);
    }

    ul.common-listStyle {
        padding-left: 40px;
    }

    .common-listStyle li {
        position: relative;
        line-height: normal;
        font-size: 24px;
        list-style: disc;
    }

    .chaptersNameDescription li {
        color: var(--cello);
    }

    .desktop-video-duration {
        color: var(--lochmara);
        text-align: right;
        font-size: 26px;
        margin-right: 25px;
        margin-top: 20px;
    }

    .chaptersNameDescription{
        padding-top: 25px;
        text-align: left;
        cursor: default;
    }
    
    .chaptersNameDescription label.chapterlabel {
        color: var(--lochmara);
        font-family: 'HelveticaNeueMedium';
        font-size: 26px;
        font-weight: 700;
        line-height: 130%;
        text-transform: capitalize;
    }

    .desktop-Takeaway-box-head {
        background: var(--Blue-Gradient, linear-gradient(259deg, #0088CE 0%, #2EB8FF 100%));
    }

    .desktop-Takeaway-box-head h2.desktop-commonH2 {
        font-family: 'Helveticaneue';
        text-decoration-line: unset;
        text-transform: uppercase;
        padding: 25px 20px;
        background: linear-gradient(259deg, #0088CE 0%, #2EB8FF 100%);
        filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
    }

    .desktop-showMoreTakewayInfo {
        padding: 25px 0px;
    }

    .desktop-Takeaway-box {
        border-radius: 25px;
        overflow: hidden;
        margin-top: 50px;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        background: linear-gradient(79deg, #FFF 0%, #EFEFEF 100%);
        text-align: left;
        cursor: default;
    }

    .Takeaway-summery {
        background: var(--Blue-Gradient, linear-gradient(259deg, #0088CE 0%, #2EB8FF 100%));
        padding: 40px 25px;
    }

    .Takeaway-summery li {
        color: var(--white);
    }

    .Takeaway-summery li::before {
        background: var(--white);
    }

    .Takeaway-description h2.TakeawayDescriptionTitle {
        color: var(--lochmara);
        text-decoration: unset;
        margin-bottom: 30px;
    }

    .Takeaway-description h2.TakeawayDescriptionTitle:not(:first-child) {
        margin-top: 30px;
    }

    .Takeaway-description {
        padding: 40px 25px;
    }

    .Takeaway-description li {
        color: var(--cello);
    }

    .Takeaway-description li::before {
        background: var(--cello);
    }

    .desktop-Takeaway-box-container li {
        margin-bottom: 10px;
    }

    .desktop-Takeaway-box-container {
        -webkit-box-shadow: 0px 2px 2px rgb(157 155 155 / 15%);
        -moz-box-shadow: 0px 2px 2px rgb(157 155 155 / 15%);
        box-shadow: 0px 2px 2px rgb(157 155 155 / 15%);
    }

    .desktop-topic-box.Topicexpanded .desktop-course-thumbnial {
        display: none;
    }

    .desktop-topic-box.Topicexpanded .desktop-course-box-head {
        justify-content: space-around;
        text-align: center;
    }

/*    .desktop-topic-box.Topicexpanded .desktop-topicStatus {
        right: -30%;
    }*/

    .desktop-bookmark-icon img {
        position: relative;
        top: 10px;
    }

    div.Pink-Gradient {
        background: var(--Pink-Gradient, linear-gradient(90deg, #E50070 0%, #A30050 100%));
        filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
    }

    div.blue-Gradient {
        background: var(--Blue-Gradient, linear-gradient(259deg, #0088CE 0%, #2EB8FF 100%));
        filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
        padding: 30px 20px;
    }

    div.grey-smallwidgetBtn {
        background: linear-gradient(0deg, #66899C 0%, #66899C 100%), linear-gradient(259deg, #0088CE 0%, #2EB8FF 100%);
        filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
    }

    div.blue-pink-Gradient {
        background: var(--Linear, linear-gradient(219deg, #8EE0F9 16.06%, #F5EFFF 72.5%));
        filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
    }

    .widget-column {
        padding: 30px 45px;
        margin-bottom: 60px;
    }

    .widget-column .widget-click {
        display: flex;
    }

    .unlock-widgetBtn,
    .page-banner-widgetBtn,
    .video-remaining-widgetBtn {
        display: flex;
    }

    .unlock-widgetBtn h5 {
        text-transform: uppercase;
    }

    .widget-column .text-content {
        margin-left: 40px;
    }

    .widget-column h5 {
        color: var(--white);
        font-size: 23px;
        letter-spacing: 1px;
        font-family: 'HelveticaNeueMedium';
        margin-bottom: 10px;
    }
    
    .widget-column h5 span  {
        color: var(--white);
        font-weight: 300;
        font-family: system-ui;
        letter-spacing: -0.01px;
    }
    
    .widget-column h5 span.italic  {
        color: var(--white);
        font-style:italic;
        font-family: 'HelveticaNeueMedium';
    }

    .widget-column .text-content p {
        font-size: 21px;
    }

    div.col-left-gap {
        padding-left: 45px;
    }

    div.col-right-gap {
        padding-right: 45px;
    }

    .widget-column .edit-widgetBtn {
        position: absolute;
        right: 25px;
        top: 15px;
        cursor: pointer;
        z-index: 9999;
    }

    .widget-column .edit-list {
        position: absolute;
        top: 40px;
        right: 10px;
        border-radius: 5px;
        background: var(--white);
        box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15);
        color: var(--lochmara);
        padding: 5px 10px;
        font-size: 14px;
        transition: opacity 0.5s linear, visibility 0.5s;
        display: none;
        cursor: pointer;
        z-index: 555;
    }

    .plan-widgetBtn {
        display: flex;
        position: relative;
    }

    .plan-widgetBtn h5 {
        color: var(--lochmara);
    }

    div.plan-widgetBtn p {
        color: var(--cello);
    }

    .added-widget .text-content {
        /* margin-left: 0px; */
    }

    .added-widget>img {
        /* position: relative; */
        /* left: -20px; */
        /* top: 0; */
        /* vertical-align: middle; */
        /* align-items: start; */
        /* display: flex; */
    }

    .smallwidgetsection .widget-column h6 {
        font-size: 20px;
        font-family: 'HelveticaNeueMedium';
    }

    .grey-smallwidgetBtn h6 {
        color: var(--white);
    }

    .smallwidgetsection .widget-column {
        display: flex;
        margin: 0px 60px;
    }

    .smallwidgetsection .widget-column p {
        font-size: 16px !important;
        font-weight: 400;
        line-height: 18px;
    }

    .smallwidgetsection {
        margin-bottom: 60px;
    }

    .smallwidgetsection .grey-smallwidgetBtn {
        margin-bottom: 30px;
    }

    div.blue-pink-Gradient p {
        color: var(--lochmara);
    }

    .widget-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(79deg, #FFF 0%, #EFEFEF 100%), #FFF;
        filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
        border-radius: 80px;
        padding-right: 10px;
        padding-left: 40px;
        padding-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 35px;
    }

    .dashboard-widgets {
        padding: 50px 55px;
        background: var(--Light-gradient, linear-gradient(79deg, #FFF 0%, #EFEFEF 100%));
        border-radius: 25px;
        margin: 0px 60px;
    }

    .widget-list .widget-title {
        font-size: 20px;
        color: var(--lochmara);
        max-width: 215px;
        overflow: hidden;
    }

    .widget-addRemove img {
        position: relative;
        top: 2px;
    }

    div.sideimage-widget {
        background: var(--Blue-Gradient, linear-gradient(259deg, #0088CE 0%, #2EB8FF 100%));
        /* Standard CSS filter */
        filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
        /* WebKit (Safari, iOS, older versions of Chrome) */
        -webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
        /* Mozilla (Firefox) */
        -moz-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
        /* Opera */
        -o-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.15));
        position:relative;
    }

    .video-remaining-widgetBtn span.coursetitle-videostatus {
        color: var(--white);
        font-family: 'HelveticaNeueMedium';
        font-size: 20px;
    }

    .video-remaining-widgetBtn.sideimage-widget::before {
        content: '';
        position: absolute;
        background-image: url(/wp-content/uploads/2024/08/remaining-video-img.png);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-background-size: contain; /* Safari support */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right top;
        overflow: hidden;
    }

    .smallwidgetsection .plan-smallwidgetBtn h6 {
        color: var(--lochmara);
    }

    .smallwidgetsection .plan-smallwidgetBtn p {
        color: var(--cello);
    }

    .margintopforsmallwidget {
        margin-bottom: 35px;
    }

    .pagetitle-component span {
        color: var(--fresheggplant);
    }

    .desktop-page-box-head {
        align-items: center;
        display: flex;
        position: relative;
    }

    .desktop-page-box-head a {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .desktop-page-box .page-subheading {
        color: var(--cello);
        font-size: 20px;
        line-height: normal;
    }

    .desktop-page-title-description h2 {
        text-decoration: unset;
    }

    .desktop-page-box .readMoreBtn:hover::before {
        background: linear-gradient(259deg, #0088CE 0%, #2EB8FF 100%);
    }
    .desktop-page-box-normal {
        overflow: hidden;
    }
    .desktop-page-box-normal .desktop-page-title-description h2 {
        word-break: break-all;
    }
    .desktop-page-box-normal .desktop-page-title-description {
        padding-left: 50px;
        position: relative;
    }
    .desktop-collap-expand-page-box .desktop-page-title-description {
        padding-left: 100px;
        padding-right: 50px;
    }
    .desktop-page-box .readMoreBtn {
        padding: 0px 50px;
    }
    .desktop-collap-expand-page-box-bookmark-btn .desktop-page-thumbnial {
        position: relative;
    }
    .desktop-collab-expan-parent {
        position: relative;
    }
    .desktop-collap-expand-page-box-bookmark-btn {
        position: absolute;
        top: -10px;
        left: 70px;
        z-index: 11;
    }

    .desktop-page-title-description::before {
        content: '';
        position: absolute;
        background-color: var(--border-grey);
        height: 100vh;
        width: 1px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .desktop-page-title-description::after {
        content: '';
        position: absolute;
        background: linear-gradient(259deg, #0088CE 0%, #2EB8FF 100%);
        height: 100vh;
        top: 0;
        right: -115px;
        bottom: 0;
        margin: auto;
        left: 100%;
        display: none;
    }

    .desktop-page-box.show-after .desktop-page-title-description::after {
        display: block;
    }

    .impressum-section {
        margin-bottom: 80px;
    }

    .impressum-and-datenschutz-common-box {
        background: var(--Light-gradient, linear-gradient(89deg, #FFF 0%, #EFEFEF 100%));
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        border-radius: 25px;
    }

    .impressum-and-datenschutz-body p {
        color: var(--cello);
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 0.8rem;
    }
    
    .page-id-788 .impressum-and-datenschutz-body p:first-of-type {
        /* Add your desired styles here */
        line-height: 38px;
        margin-bottom: 40px;
    }
    
    .page-id-788 .impressum-and-datenschutz-body strong {
        font-family: 'HELVETICANEUE';
        font-weight: bold;
    }
    
    .impressum-and-datenschutz-body em {
        color: var(--cello);
        font-size: 24px;
        font-weight: 400;
        line-height: 30px;
    }

    .impressum-and-datenschutz-head {
        -webkit-box-shadow: 0px 2px 2px rgb(157 155 155 / 15%);
        -moz-box-shadow: 0px 2px 2px rgb(157 155 155 / 15%);
        box-shadow: 0px 2px 2px rgb(157 155 155 / 15%);
        padding: 50px 20px;
    }

    .impressum-and-datenschutz-body strong {
        color: var(--cello);
        font-family: 'HelveticaNeueBold';
    }

    .datenschutz-section strong {
        margin-bottom: -25px;
        display: block;
        margin-top: 20px;
    }

    .datenschutz-section .impressum-and-datenschutz-body p:first-child strong {
        margin-top: 0;
    }

    .datenschutz-section .common-listStyle li::before {
        background: var(--cello);
    }

    .impressum-and-datenschutz-body ul.common-listStyle {
        margin-top: -5px;
        margin-bottom: 25px;
    }

    div.impressum-and-datenschutz-body a {
        color: var(--cello);
        text-decoration: underline;
    }

    .datenschutz-section .impressum-and-datenschutz-body p:last-child {
        font-family: 'HelveticaNeueMedium';
    }
    .favoriteVideoSection {
        position: relative;
        padding: 50px;
        border-radius: 25px;
        overflow: hidden;
        margin-top: 70px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .favoriteVideoSection h2 {
        text-align: center;
        font-size: 32px;
        line-height: 45px;
    }
    .favoriteVideoSection::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(79deg, #FFF 0%, #EFEFEF 100%);
        opacity: 0.5;
        z-index: -1;
    }
    .favoriteVideoSection::after {
        content: '';
        position: absolute;
        background-image: url(../images/favi-heart.svg);
        height: 131px;
        width: 355px;
        background-size: contain;
        bottom: 0;
        right: 0;
        background-repeat: no-repeat;
    }
    .desktop-favi-ist-container .right-bookmark {
        max-width: 54px;
        background: #FFF;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 8px 11px;
        border-radius: 35px;
        margin-left: 10px;
        display: inline-flex;
    }  
    
    /*desktop css 13-09-2024*/
    .desktop-favi-ist-container {
        border-radius: 25px;
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        margin-top: 40px;
    }
    .desktop-course-box-head {
        background-color: var(--white);
        border-radius: 25px 25px 0px 0px;
    }
    .desktop-course-thumbnial > img {
        border-radius: 25px 0px 0px 0px;
        height: 100%;
    }
    .desktop-favi-ist-container .desktop-topics-area::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(79deg, #FFF 0%, #EFEFEF 100%);
        opacity: 0.5;
    }
    .desktop-favi-ist-container .desktop-topics-area {
    	padding: 65px;
    	position: relative;
    }
    .desktop-favi-ist-container .right-bookmark {
        width: 73px;
        height: 75px;
        line-height: 76px;
        text-align: center;
        display: block;
        padding: 0;
        max-width: 76px;
        border-radius: 50px;
    }
    .desktop-favi-ist-container .right-bookmark img {
        width: 35px;
        position: absolute;
        top: 31px;
    }
    .desktop-favi-ist-container .video-status-icon img {
        width: 50px;
    }
    
    .desktop-collap-expand-page-box .desktop-page-box-body p {
        font-size: 24px;
        margin-bottom: 35px;
        color: var(--cello);
    }
    .desktop-page-box-description.repeater-description p {
    margin-bottom: 20px;
}
    .desktop-collap-expand-page-box .desktop-page-box-body p:last-child {
        margin: 0;
    }
    
    .favoritten-box .common-list {
        justify-content: space-between;
        
    }
    .fav-head-img {
        width: 100%;
    }
    .left-col-favo{
        display: inline-flex;
        width: 100%;
    }
    .impressum-and-datenschutz-body .common-listStyle li {
        color: var(--cello);
    }
    h1.desktop-commonH1 {
        font-size: 42px;
    }
    .desktop-collap-expand-page-box .desktop-page-box-head, .desktop-page-box-description {
        background: var(--Light-gradient, linear-gradient(79deg, #FFF 0%, #EFEFEF 100%));
        overflow: hidden;
    }
    .desktop-collap-expand-page-box .desktop-page-box-head .desktop-page-thumbnial img {
            scale: 1.5;
            margin-left: -26%;
            height: 85%;
    }
    .page-template-stressbewaltigung .desktop-collap-expand-page-box .desktop-page-box-head .desktop-page-thumbnial img {
    scale: none !important;
    margin-left: 0 !important;
    height: auto !important;
}
 .page-template-dashboard-neu-anmeldung .common-radius-box .edit-widgetBtn img {
    height: auto !important;
}

    .page-template-dashboard-neu-anmeldung .common-radius-box img.mb-3.mijn-coach-logo-dashboard {
    height: 27px !important;
    }

  .page-template-dashboard-neu-anmeldung .common-radius-box img {
    height: 45px !important;
    margin-top: 21px;
}

.page-template-dashboard-neu-anmeldung .common-radius-box.plan-widgetBtn.widget-column.widget-click.favourite-icon img {
    margin-right: 5px;
}

.page-template-dashboard-neu-anmeldung .common-radius-box.plan-widgetBtn.widget-column.widget-click.cup-icon img {
    height: 51px !important;
    margin-top: 5px;
}

.page-template-dashboard-neu-anmeldung .common-radius-box.plan-widgetBtn.widget-column.added-widget.star-icon .widget-click img {
        height: 77px !important;
        margin-top: 0px !important;
        margin-left: -17px;
        margin-right: -9px;
}

.page-template-dashboard-neu-anmeldung .common-radius-box.plan-widgetBtn.widget-column.added-widget.human-icon .widget-click img {
    margin-right: -5px;
}

.page-template-dashboard-neu-anmeldung .common-radius-box.plan-widgetBtn.widget-column.added-widget.flower-icon .widget-click img {
    margin-right: 5px;
}

    .desktop-page-box-description {
        padding: 55px 75px;
        border-radius: 25px;
    }
    .desktop-collap-expand-page-box.expanded .desktop-page-title-description::before {
        display: none;
    }
    .desktop-collap-expand-page-box {
        background: unset;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .desktop-collap-expand-page-box.expanded {
        border-radius: 25px;
        -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
    }
    .desktop-collab-expan-parent .showMoreicon-container img {
        transform: rotate(270deg);
    }
    .desktop-collap-expand-page-box.expanded .showMoreicon-container {
        background: var(--Blue-Gradient, linear-gradient(259deg, #0088CE 0%, #2EB8FF 100%));
        padding: 20px 10px;
    }
    .desktop-page-box-body {
        margin: 70px 90px;
    }
    .desktop-collap-expand-page-box::before {
        content: '';
        position: absolute;
        background: var(--Light-gradient, linear-gradient(79deg, #FFF 0%, #EFEFEF 100%));
        height: 100%;
        width: 100%;
        opacity: 0.5;
        z-index: -1;
    }        
    .desktop-collap-expand-page-box.expanded .page-subheading {
        line-height: 26px;
        color: var(--fresheggplant);
        padding-right: 70px;
    }
    .desktop-collap-expand-page-box.expanded .desktop-page-title-description {
        padding-left: 80px;
        padding-right: 80px;
    }        
    .desktop-collap-expand-page-box.expanded .desktop-page-box-head::before {
        content: '';
        position: absolute;
        background-image: url(../images/heartline-desktopbox.svg);
        width: 725px;
        height: 139px;
        background-repeat: no-repeat;
        right: 0;
        background-size: contain;
        bottom: 15px;
    }
    .desktop-collap-expand-page-box.expanded .desktop-page-title-description h2 span {
        color: var(--cello);
        display: block;
        font-size: 26px;
        margin-top: 20px;
    } 
    .desktop-page-title-description h2 span {
        color: var(--lochmara);
    }         
    .desktop-collap-expand-page-box.expanded .desktop-page-box-head h2 {
        text-align: center;
    }
    .desktop-collap-expand-page-box .desktop-page-box-body p strong {
        display: block;
        color: var(--lochmara);
    }
    .desktop-course-thumbnial {
        position: relative;
    }
    .maincourse-bookmark-btn {
        position: absolute;
        top: -10px;
        right: 40px;
    }
    .desktop-Takeaway-mainbox .desktop-topics-area {
        border-radius: 25px;
    }
    .desktop-Takeaway-contentbox {
        clip-path: inset(0 round 25px);
        overflow: hidden;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        background: linear-gradient(79deg, #FFF 0%, #EFEFEF 100%);
    }       
    .TakeawayToPlogo {
        margin-bottom: 80px;
    }       
    .desktop-Takeaway-mainbox .desktop-course-box-head {
        position: relative;
    }           
    .desktop-Takeaway-mainbox .Takeaway-bookmark-btn {
        position: absolute;
        right: 50px;
        top: -8px;
        z-index: 1;
    }   
    .desktop-Takeaway-mainbox {
        margin-top: 70px;
    }    
        
    
    
    
    .footer {
        position: relative;
    }
    
    /*only for meinedailyaffirmation*/
    .page-template-meinedailyaffirmation .desktop-footer-menu-container {
        position: fixed;
    }
     
    .desktop-footer-menu-container {
        text-align: center;
        position: relative;
        bottom: 0;
        width: 100%;
        padding: 45px 70px;
        z-index: 1;
    }

    .custom-footer {
        background-color: var(--white);
        box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.09);
        -webkit-box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.09);
    }

    ul.footer-menu {
        list-style: none;
        padding: 10px 0 0;
        margin-bottom: 5px;
    }

    ul.footer-menu li a {
        color: var(--grey);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 18.2px;
        font-family: 'ARIAL';
        position: relative;
    }

    ul.footer-menu li:first-child a::after {
        content: '';
        position: absolute;
        background-color: var(--grey);
        height: 100%;
        width: 1px;
        bottom: 0;
        right: -10px;
        margin: auto;
    }

    ul.footer-menu li:first-child {
        padding-right: 15px;
    }

    ul.footer-menu li {
        display: inline;
    }
    .desktop-maineKshowMoreIcon img {
        transform: rotate(90deg);
    }
    
    .modal-content {
        height: 450px;
    }
    
    .modal-dialog {
        max-width: 700px !important;
    }
    a.logoutheadbtn {
        background-color: var(--fresheggplant);
        color: var(--white);
        padding: 13px 20px;
        border-radius: 30px;
    }
    a.logoutheadbtn:hover {
        color: var(--white);
    }
    a.loginBtnHead.logoutheadbtn {
        margin-right: 10px;
    }
    a.settings-icon {
        margin-right: 30px;
    }    
}

/*Media Query 768 end don't touch here*/

/*Opened css*/
div.widget-list:last-child {
    margin-bottom: 0px;
}
div.requirement-gradient,div.common-radius-box.requirement-gradient {
    background: var(--Linear, linear-gradient(219deg, #8EE0F9 16.06%, #F5EFFF 72.5%));
}
div.requirement-gradient p {
    color: var(--lochmara);
}

@media only screen and (min-width: 993px) {
    .impressum-and-datenschutz-body {
        padding: 50px 120px;
    }
    .page-template-meinedailyaffirmation section.desktop-background-container.bottomleftFlowershow::after {
        bottom: unset;
    }    
    
}

@media (min-width: 768px) and (max-width: 992px) { 
    .page-template-meinedailyaffirmation section.desktop-background-container.bottomleftFlowershow::after {
        bottom: -25%;
    }  
    
    .desktop-checkmark-done {
        width: 35px !important;
        height: 35px !important;
        margin-top: 10px;
    }
    
    .desktop-checkmark-pending {
        width: 35px !important;
        height: 35px !important;
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 993px) {
    .impressum-and-datenschutz-body {
        padding: 50px;
    }

}

@media (min-width: 768px) and (max-width: 1699px) {
    .footerlogodesktop img.footer-logo {
        max-width: 150px;
    }
    
    .ipadImages {
        display: flex; 
    }
    .desktop-Takeaway-mainbox .desktop-topics-area {
        padding: 50px;
    }
}

@media only screen and (min-width: 1700px) {
    .desktop-Takeaway-mainbox .desktop-topics-area {
        padding: 75px 90px;
    }    
}

@media only screen and (min-width: 1400px) {
    .desktop-topicStatus {
        position: absolute;
        right: 55px;
        top: 45px;
    }
}
@media (min-width: 768px) and (max-width: 1399px) {
    .desktop-topicStatus {
        top: 5px;
    }
}
@media only screen and (min-width: 1450px) {
    .content-container {
        max-width: 1450px;
    }
}

@media (min-width: 768px) and (max-width: 1449px) {
    .content-container {
        max-width: 1180px;
    }
    .smallwidgetsection .widget-column {
        margin: 20px 35px;
    }
    h3.desktop-commonH2,
    .chaptersNameDescription label.chapterlabel,
    .desktop-video-duration {
        font-size: 20px;
    }
    .desktop-course-topic-list .text-content h3.desktop-commonH2 span {
        font-size: 18px;
    }
    .topic-list-description {
        font-size: 16px;
    }
    .common-listStyle li {
        font-size: 18px;
    }
    div.col-right-gap {
        padding-right: 30px;
    }
    div.col-left-gap {
        padding-left: 30px;
    }
    .impressum-and-datenschutz-body p {
        font-size: 18px;
        line-height: 24px;
    }
div.desktop-collap-expand-page-box .desktop-page-title-description{
    padding: 5px 10px 4px 15px;
    /*padding: 10px 10px 10px 15px;*/
}
div.desktop-collap-expand-page-box .desktop-page-box-body {
        margin: 30px 50px;
    }
div.desktop-collap-expand-page-box .desktop-page-box-head .desktop-page-title-description  a {
       margin-bottom: .2rem !important;
    }
div.desktop-collap-expand-page-box .desktop-page-title-description .page-subheading {
        line-height: 1.4rem;
        font-size: 16px;
    }
.desktop-collap-expand-page-box.expanded .desktop-page-title-description h2 span {
        margin-top: 0;
        font-size: 18px;
    }
.desktop-collap-expand-page-box.expanded .desktop-page-title-description {
        padding-left: 10px;
        padding-right: 37px;
    }
.desktop-collap-expand-page-box.expanded .page-subheading {
        padding-bottom: 30px;
    }
.desktop-collap-expand-page-box.expanded .desktop-page-box-description {
        padding: 30px 50px;
        border-radius: 25px;
    } 
.desktop-collap-expand-page-box.expanded .desktop-page-box-description p {
        margin-bottom: 10px;
        font-size: 20px;
}
.desktop-collap-expand-page-box-bookmark-btn img {
    height: 55px;
}
div.desktop-collap-expand-page-box .desktop-commonH2 {
    font-size: 24px;
    margin-bottom: 5px !important;
}
div.desktop-collap-expand-page-box .desktop-commonH2 span {
    font-size: 20px;
}
}





/*----------------------- All Safari CSS ----------------------- */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, .desktop-course-thumbnial > img {
        height: unset;
    }
}