/*
 * Torenga Premium Navy Canvas 1.0.0
 * Helles Premium-Theme mit nahezu weißem Hintergrund,
 * transparenter Main-Fläche und großzügigem Inhaltsbereich.
 */

:root {
    --navy-canvas-primary: var(--template-primary, #173B6C);
    --navy-canvas-primary-hover: #102B52;
    --navy-canvas-primary-soft: #EAF0F8;
    --navy-canvas-secondary: var(--template-secondary, #10233F);
    --navy-canvas-text: #24344A;
    --navy-canvas-muted: #68778A;
    --navy-canvas-bg: #FAFBFD;
    --navy-canvas-surface: #FFFFFF;
    --navy-canvas-surface-soft: #F5F8FC;
    --navy-canvas-border: #D9E2EE;
    --navy-canvas-border-strong: #BECBDD;
    --navy-canvas-shadow: 0 14px 34px rgba(16, 35, 63, .08);
    --navy-canvas-shadow-soft: 0 6px 18px rgba(16, 35, 63, .055);

    --color-primary: var(--navy-canvas-primary);
    --color-primary-hover: var(--navy-canvas-primary-hover);
    --color-text: var(--navy-canvas-text);
    --color-text-muted: var(--navy-canvas-muted);
    --color-heading: var(--navy-canvas-secondary);
    --color-background: var(--navy-canvas-bg);
    --color-surface: var(--navy-canvas-surface);
    --color-border: var(--navy-canvas-border);
    --shadow-small: var(--navy-canvas-shadow-soft);
    --shadow: var(--navy-canvas-shadow);

    --members-bg: var(--navy-canvas-bg);
    --members-surface: var(--navy-canvas-surface);
    --members-surface-soft: var(--navy-canvas-surface-soft);
    --members-border: var(--navy-canvas-border);
    --members-border-strong: var(--navy-canvas-border-strong);
    --members-text: var(--navy-canvas-text);
    --members-muted: var(--navy-canvas-muted);
    --members-primary: var(--navy-canvas-primary);
    --members-primary-hover: var(--navy-canvas-primary-hover);
    --members-shadow: var(--navy-canvas-shadow);
    --members-radius: 16px;
}

html,
body {
    font-family: var(--template-font, system-ui, sans-serif);
    background: var(--navy-canvas-bg);
}

.container,
.content-container,
.members-topbar__inner,
.members-footer__inner,
.members-main {
    width: min(calc(100% - 2rem), var(--template-container-width, 1320px));
    max-width: var(--template-container-width, 1320px);
    margin-right: auto;
    margin-left: auto;
}

/* =========================================================
   Seitenrahmen und Main-Flächen
   ========================================================= */

body,
.site,
.site-main,
body.members-body,
.members-shell,
.members-shell--app {
    color: var(--navy-canvas-text);
    background:
        radial-gradient(circle at 12% 0%, rgba(23, 59, 108, .05), transparent 360px),
        radial-gradient(circle at 88% 18%, rgba(77, 136, 255, .04), transparent 320px),
        var(--navy-canvas-bg);
}

.site-content,
.members-main {
    background: transparent !important;
}

.site-content {
    padding-top: 3rem;
    padding-bottom: 4rem;
}

.members-main {
    padding: 40px 0 56px;
}

/* Die Main-Box bleibt vollständig transparent */
.page,
.site-content > .content-container > .page,
.content-container > .page {
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
}

/* =========================================================
   Typografie und Links
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.members-title,
.members-auth-card h1,
.members-product h1,
.members-section-heading h2,
.members-card h2,
.members-downloads h2,
.members-empty h2 {
    color: var(--navy-canvas-secondary);
}

.page-description,
.text-muted,
.members-lead,
.members-muted,
.members-card__description,
.members-form-help,
.members-product__meta,
.members-downloads__intro,
.members-recommendations__notice {
    color: var(--navy-canvas-muted);
}

a,
.members-auth-links a,
.members-text-link,
.members-breadcrumb a,
.members-stat-card a,
.members-section-heading a,
.members-mini-products em {
    color: var(--navy-canvas-primary);
}

a:hover,
.members-auth-links a:hover,
.members-text-link:hover,
.members-breadcrumb a:hover {
    color: var(--navy-canvas-primary-hover);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(23, 59, 108, .24);
    outline-offset: 3px;
}

/* =========================================================
   Header und Navigation
   ========================================================= */

.site-header,
.members-topbar {
    background: rgba(255, 255, 255, .94);
    border-color: var(--navy-canvas-border);
    box-shadow: 0 8px 24px rgba(15, 39, 71, .06);
    backdrop-filter: blur(16px);
}

.site-title,
.site-title a,
.site-brand-link,
.members-brand,
.members-brand__text,
.members-user__name {
    color: var(--navy-canvas-secondary);
}

.site-navigation-link,
.members-nav__link {
    color: #5E6F84;
    background: transparent;
    border-radius: 10px;
}

.site-navigation-link:hover,
.site-navigation-link:focus-visible,
.members-nav__link:hover,
.members-nav__link:focus-visible {
    color: var(--navy-canvas-primary-hover);
    background: var(--navy-canvas-primary-soft);
}

.site-navigation-link.is-active,
.site-navigation-item.is-active .site-navigation-link,
.members-nav__link.is-active {
    color: #FFFFFF;
    background: linear-gradient(135deg, #2B5E9E, var(--navy-canvas-primary));
    border-color: var(--navy-canvas-primary);
    box-shadow: 0 8px 20px rgba(23, 59, 108, .18);
}

.members-brand__mark {
    color: #FFFFFF;
    background: linear-gradient(135deg, #2B5E9E, var(--navy-canvas-primary));
    box-shadow: 0 8px 18px rgba(23, 59, 108, .18);
}

.members-user {
    border-left-color: var(--navy-canvas-border);
}

.members-user__avatar {
    color: var(--navy-canvas-primary-hover);
    background: var(--navy-canvas-primary-soft);
}

.members-menu-toggle {
    color: var(--navy-canvas-secondary);
    background: #FFFFFF;
    border-color: var(--navy-canvas-border-strong);
}

/* =========================================================
   Footer
   ========================================================= */

.site-footer,
.members-footer {
    color: #D6E0EC;
    background:
        radial-gradient(circle at 85% 100%, rgba(23, 138, 91, .17), transparent 34%),
        linear-gradient(145deg, #10233F, #09182D);
    border-color: rgba(255, 255, 255, .10);
}

.site-footer-text,
.site-footer-copyright,
.site-footer-powered,
.members-footer__text,
.members-footer__powered {
    color: #D6E0EC;
}

.site-footer-navigation-link,
.site-footer-powered a,
.members-footer__link,
.members-footer__powered a {
    color: #F5F8FC;
}

.site-footer-navigation-link:hover,
.site-footer-powered a:hover,
.members-footer__link:hover,
.members-footer__powered a:hover {
    color: #AFC7E2;
}

/* =========================================================
   Karten, Panels und Inhaltsflächen
   ========================================================= */

.card,
blockquote,
table,
.members-dashboard-hero,
.members-card,
.members-stat-card,
.members-count,
.members-panel,
.members-product,
.members-downloads,
.members-recommendations,
.members-auth-card,
.members-course-header,
.members-continue-card,
.members-course-nav,
.members-lesson,
.members-new-content a,
.members-mini-products,
.members-activity-list,
.members-product-hero,
.members-course-progress-card,
.members-recommendation-item,
.members-download-item,
.members-empty,
.members-profile-image {
    background: var(--navy-canvas-surface);
    border-color: var(--navy-canvas-border);
    box-shadow: var(--navy-canvas-shadow-soft);
}

.members-dashboard-hero {
    background:
        radial-gradient(circle at 100% 0%, rgba(23, 59, 108, .10), transparent 34%),
        linear-gradient(135deg, #FFFFFF 0%, #EDF3FA 100%);
    box-shadow: var(--navy-canvas-shadow);
}

.members-card:hover,
.members-product-card:hover,
.members-new-content a:hover,
.members-mini-products > a:hover,
.members-activity-list > a:hover {
    border-color: rgba(23, 59, 108, .35);
    box-shadow: var(--navy-canvas-shadow);
}

.members-card__icon,
.members-activity-icon,
.members-empty__icon {
    color: var(--navy-canvas-primary);
    background: var(--navy-canvas-primary-soft);
}

blockquote {
    border-left-color: var(--navy-canvas-primary);
}

/* =========================================================
   Buttons
   ========================================================= */

.button,
.members-button,
.btn {
    border-radius: 10px;
    font-weight: 700;
}

.button-primary,
.btn-primary,
.members-button:not(.members-button--secondary),
input[type="submit"],
button[type="submit"]:not(.button-danger):not(.btn-danger) {
    color: #FFFFFF;
    background: linear-gradient(135deg, #2B5E9E, var(--navy-canvas-primary));
    border-color: var(--navy-canvas-primary);
    box-shadow: 0 9px 22px rgba(23, 59, 108, .20);
}

.button-primary:hover,
.button-primary:focus-visible,
.btn-primary:hover,
.btn-primary:focus-visible,
.members-button:not(.members-button--secondary):hover,
.members-button:not(.members-button--secondary):focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
button[type="submit"]:not(.button-danger):not(.btn-danger):hover,
button[type="submit"]:not(.button-danger):not(.btn-danger):focus-visible {
    color: #FFFFFF;
    background: linear-gradient(135deg, var(--navy-canvas-primary), var(--navy-canvas-primary-hover));
    border-color: var(--navy-canvas-primary-hover);
    box-shadow: 0 13px 28px rgba(23, 59, 108, .26);
}

.button,
.button-secondary,
.btn,
.btn-secondary,
.members-button--secondary {
    color: var(--navy-canvas-secondary);
    background: #FFFFFF;
    border-color: var(--navy-canvas-border-strong);
}

.button:hover,
.button:focus-visible,
.button-secondary:hover,
.button-secondary:focus-visible,
.btn:hover,
.btn:focus-visible,
.btn-secondary:hover,
.btn-secondary:focus-visible,
.members-button--secondary:hover,
.members-button--secondary:focus-visible {
    color: var(--navy-canvas-primary-hover);
    background: var(--navy-canvas-primary-soft);
    border-color: rgba(23, 59, 108, .30);
}

.button-danger,
.btn-danger {
    color: #FFFFFF;
    background: linear-gradient(135deg, #D4453A, #B42318);
    border-color: #B42318;
}

.button-success,
.btn-success {
    color: #FFFFFF;
    background: linear-gradient(135deg, #32A86B, #18864B);
    border-color: #18864B;
}

.button-warning,
.btn-warning {
    color: #FFFFFF;
    background: linear-gradient(135deg, #D7A33B, #A36512);
    border-color: #A36512;
}

/* =========================================================
   Formulare
   ========================================================= */

.form-control,
.members-input,
input,
select,
textarea {
    color: var(--navy-canvas-text);
    background: #FFFFFF;
    border-color: var(--navy-canvas-border-strong);
}

.form-control:hover,
.members-input:hover,
input:hover,
select:hover,
textarea:hover {
    border-color: #98AABE;
}

.form-control:focus,
.members-input:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--navy-canvas-primary);
    box-shadow: 0 0 0 4px rgba(23, 59, 108, .12);
}

.members-input[readonly],
.members-input:disabled {
    color: var(--navy-canvas-muted);
    background: var(--navy-canvas-surface-soft);
}

.members-input[type="file"]::file-selector-button {
    color: #FFFFFF;
    background: var(--navy-canvas-primary);
}

.members-input[type="file"]::file-selector-button:hover {
    background: var(--navy-canvas-primary-hover);
}

/* =========================================================
   Tabellen, Kurse, Downloads und Badges
   ========================================================= */

th,
.members-lesson__content th,
.members-product__content th {
    color: var(--navy-canvas-secondary);
    background: var(--navy-canvas-surface-soft);
}

th,
td,
.members-lesson__content th,
.members-lesson__content td,
.members-product__content th,
.members-product__content td {
    border-color: var(--navy-canvas-border);
}

.members-downloads__header,
.members-recommendations__header,
.members-download-item,
.members-recommendation-item,
.members-course-progress-card {
    background: var(--navy-canvas-surface-soft);
}

.members-progress {
    background: #DDE5EF;
}

.members-progress > span,
.progress-bar {
    background: linear-gradient(90deg, var(--navy-canvas-primary-hover), #6E95C4);
}

.members-course-chapter a.is-active {
    color: var(--navy-canvas-primary-hover);
    background: var(--navy-canvas-primary-soft);
}

.members-download-link:hover {
    border-color: var(--navy-canvas-primary);
    background: var(--navy-canvas-primary-soft);
}

.members-card-badges span {
    color: #304D72;
    background: #E7EEF7;
}

.members-card-badges span.is-new,
.members-new-content span {
    color: #166534;
    background: #DCFCE7;
}

/* =========================================================
   Social Icons
   ========================================================= */

.site-footer-social,
.members-footer-social {
    width: 100%;
}

.site-footer-social__list,
.members-footer-social__list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer-social__list > li,
.members-footer-social__list > li {
    display: inline-flex !important;
    margin: 0;
    padding: 0;
}

.site-footer-social__link,
.members-footer-social__link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #F5F8FC !important;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
}

.site-footer-social__link:hover,
.site-footer-social__link:focus-visible,
.members-footer-social__link:hover,
.members-footer-social__link:focus-visible {
    color: #FFFFFF !important;
    background: var(--navy-canvas-primary);
    border-color: #7EA2CE;
    transform: translateY(-1px);
}

.footer-social-icon {
    display: block !important;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    background-color: currentColor !important;

    -webkit-mask-image: var(--social-icon);
    mask-image: var(--social-icon);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 800px) {
    .container,
    .content-container,
    .members-topbar__inner,
    .members-footer__inner,
    .members-main {
        width: min(calc(100% - 1.25rem), var(--template-container-width, 1320px));
    }

    .site-navigation-link {
        justify-content: center;
    }
}

@media (max-width: 720px) {
    .members-main {
        padding-top: 28px;
        padding-bottom: 42px;
    }

    .members-header-content {
        background: #FFFFFF;
        border-color: var(--navy-canvas-border);
        box-shadow: var(--navy-canvas-shadow);
    }

    .members-nav__link {
        color: #5E6F84;
    }

    .members-user {
        border-top-color: var(--navy-canvas-border);
    }
}

@media print {
    body,
    .page {
        color: #000000;
        background: #FFFFFF;
    }
}
/* =========================================================
   Premium Navy Canvas – optimierter Footer
   ========================================================= */

.site-footer,
.members-footer {
    color: #D6E0EC;
    background:
        radial-gradient(
            circle at 84% 100%,
            rgba(23, 59, 108, .20),
            transparent 36%
        ),
        radial-gradient(
            circle at 12% 10%,
            rgba(90, 193, 143, .08),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #10233F,
            #09182D
        );
    border-color: rgba(255, 255, 255, .10);
}

.site-footer-text,
.site-footer-copyright,
.site-footer-powered,
.members-footer__text,
.members-footer__powered {
    color: #D6E0EC;
}

.site-footer-navigation-link,
.site-footer-powered a,
.members-footer__link,
.members-footer__powered a {
    color: #F5F8FC;
}

.site-footer-navigation-link:hover,
.site-footer-navigation-link:focus-visible,
.site-footer-powered a:hover,
.site-footer-powered a:focus-visible,
.members-footer__link:hover,
.members-footer__link:focus-visible,
.members-footer__powered a:hover,
.members-footer__powered a:focus-visible {
    color: #AFC7E2;
}

.site-footer-social__link,
.members-footer-social__link {
    color: #F5F8FC !important;
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .18);
}

.site-footer-social__link:hover,
.site-footer-social__link:focus-visible,
.members-footer-social__link:hover,
.members-footer-social__link:focus-visible {
    color: #FFFFFF !important;
    background: #173B6C;
    border-color: #7EA2CE;
}
/* =========================================================
   Premium Navy Canvas – optimierter Footer
   ========================================================= */

.site-footer,
.members-footer {
    color: #D6E0EC;
    background:
        radial-gradient(
            circle at 84% 100%,
            rgba(23, 59, 108, .22),
            transparent 36%
        ),
        radial-gradient(
            circle at 12% 10%,
            rgba(110, 149, 196, .08),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #10233F,
            #09182D
        );
    border-color: rgba(255, 255, 255, .10);
}

.site-footer-text,
.site-footer-copyright,
.site-footer-powered,
.members-footer__text,
.members-footer__powered {
    color: #D6E0EC;
}

.site-footer-navigation-link,
.site-footer-powered a,
.members-footer__link,
.members-footer__powered a {
    color: #F5F8FC;
}

.site-footer-navigation-link:hover,
.site-footer-navigation-link:focus-visible,
.site-footer-powered a:hover,
.site-footer-powered a:focus-visible,
.members-footer__link:hover,
.members-footer__link:focus-visible,
.members-footer__powered a:hover,
.members-footer__powered a:focus-visible {
    color: #AFC7E2;
}

.site-footer-social__link,
.members-footer-social__link {
    color: #F5F8FC !important;
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .18);
}

.site-footer-social__link:hover,
.site-footer-social__link:focus-visible,
.members-footer-social__link:hover,
.members-footer-social__link:focus-visible {
    color: #FFFFFF !important;
    background: #173B6C;
    border-color: #7EA2CE;
}

/* =========================================================
   Navy Canvas Theme – übernommene und geprüfte Bugfixes
   ========================================================= */

.members-dashboard-hero {
    isolation: isolate;
}

.members-dashboard-hero::before,
.members-dashboard-hero::after {
    z-index: 0;
    pointer-events: none;
}

.members-dashboard-hero > * {
    position: relative;
    z-index: 1;
}

.members-dashboard-hero .members-actions,
.members-dashboard-hero .members-hero__actions,
.members-dashboard-hero .members-dashboard-actions {
    position: relative;
    z-index: 2;
}

.members-topbar .members-menu-toggle {
    display: none !important;
}

.members-auth-card .members-password-toggle,
.members-password-toggle {
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: .38rem .55rem;
    color: var(--navy-canvas-secondary);
    background: transparent;
    border: 0;
    border-radius: 6px;
    box-shadow: none;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.2;
    transform: none;
}

.members-auth-card .members-password-toggle:hover,
.members-auth-card .members-password-toggle:focus-visible,
.members-password-toggle:hover,
.members-password-toggle:focus-visible {
    color: var(--navy-canvas-primary-hover);
    background: var(--navy-canvas-primary-soft);
    border: 0;
    box-shadow: none;
    transform: none;
}

.members-downloads {
    padding: 0 0 1.25rem;
}

.members-downloads__header {
    padding: 1.45rem 1.5rem 1.2rem;
}

.members-download-item {
    margin: 1rem 1.25rem 0;
    padding: .8rem 1.25rem .8rem !important;
    align-items: center;
}

.members-download-item__content {
    padding: .15rem 0 .3rem;
}

.members-download-item > :first-child {
    margin-top: 0;
}

.members-download-item > :last-child {
    margin-bottom: 0;
}

.members-download-link {
    text-align: center !important;
}

/* Einheitliche Solid-Buttons ohne Farbverlauf */
.members-download-item .members-download-link,
.members-lesson .members-download-link,
.members-course .members-download-link,
.members-course-lesson .members-download-link,
.members-lesson-download,
.members-course-download,
input[type="file"]::file-selector-button,
.members-input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button,
.members-input[type="file"]::-webkit-file-upload-button {
    color: #FFFFFF !important;
    background: var(--navy-canvas-primary) !important;
    border: 1px solid var(--navy-canvas-primary) !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.members-download-item .members-download-link:hover,
.members-download-item .members-download-link:focus-visible,
.members-lesson .members-download-link:hover,
.members-lesson .members-download-link:focus-visible,
.members-course .members-download-link:hover,
.members-course .members-download-link:focus-visible,
.members-course-lesson .members-download-link:hover,
.members-course-lesson .members-download-link:focus-visible,
.members-lesson-download:hover,
.members-lesson-download:focus-visible,
.members-course-download:hover,
.members-course-download:focus-visible,
input[type="file"]:hover::file-selector-button,
.members-input[type="file"]:hover::file-selector-button,
input[type="file"]:hover::-webkit-file-upload-button,
.members-input[type="file"]:hover::-webkit-file-upload-button {
    color: #FFFFFF !important;
    background: var(--navy-canvas-primary-hover) !important;
    border-color: var(--navy-canvas-primary-hover) !important;
    box-shadow: none !important;
}

.members-download-item .members-download-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: .78rem 1.35rem !important;
}

.members-lesson .members-download-link,
.members-course .members-download-link,
.members-course-lesson .members-download-link,
.members-lesson-download,
.members-course-download {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    min-height: 48px;
    padding: .78rem 1.2rem;
    gap: 0 !important;
    font-size: 0;
    line-height: 1.2 !important;
    text-align: center;
    box-sizing: border-box;
}

.members-lesson .members-download-link > *,
.members-course .members-download-link > *,
.members-course-lesson .members-download-link > *,
.members-lesson-download > *,
.members-course-download > * {
    display: none !important;
}

.members-lesson .members-download-link::after,
.members-course .members-download-link::after,
.members-course-lesson .members-download-link::after,
.members-lesson-download::after,
.members-course-download::after {
    content: "Download";
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-size: .95rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}

input[type="file"],
.members-input[type="file"] {
    color: var(--navy-canvas-text);
    background: var(--navy-canvas-surface);
    border: 1px solid var(--navy-canvas-border);
    border-radius: 6px;
    padding: .35rem;
}

input[type="file"]::file-selector-button,
.members-input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button,
.members-input[type="file"]::-webkit-file-upload-button {
    min-height: 38px;
    margin-right: .75rem;
    padding: .6rem 1rem;
}

.members-count {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    vertical-align: middle;
    color: #FFFFFF;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.members-count strong,
.members-count span {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-height: 38px;
    margin: 0 !important;
    padding: .55rem .85rem;
    border: 0 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

.members-count strong {
    color: #FFFFFF;
    background: var(--navy-canvas-primary);
}

.members-count span {
    color: #FFFFFF;
    background: var(--navy-canvas-secondary);
    font-size: .90rem;
    font-weight: 700;
}

.members-footer__text {
    margin: 0;
    max-width: 800px;
    font-size: .95rem;
    line-height: 1.6;
}

.site-footer-social__list,
.members-footer-social__list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
}

.footer-social-icon {
    display: block !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--social-icon);
    mask-image: var(--social-icon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

@media (max-width: 720px) {
    .members-topbar .members-menu-toggle {
        display: inline-flex !important;
    }
}

@media (max-width: 680px) {
    .members-lesson .members-download-link,
    .members-course .members-download-link,
    .members-course-lesson .members-download-link,
    .members-lesson-download,
    .members-course-download {
        display: flex !important;
        width: 100%;
    }
}

/* =========================================================
   Torenga 0.9.35 Beta – Mitgliederbereich-Kompatibilität
   ========================================================= */

/* Passwort-Anzeigen-Button auf Login-, Registrierungs- und Passwortseiten
   exakt vertikal im Eingabefeld zentrieren. */
.members-auth-card .members-password-toggle,
.members-password-toggle {
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}

.members-auth-card .members-password-toggle:hover,
.members-auth-card .members-password-toggle:focus-visible,
.members-password-toggle:hover,
.members-password-toggle:focus-visible {
    transform: translateY(-50%) !important;
}

/* Abstand zwischen Hinweistext und Login-/Registrierungslink. */
.members-auth-links a {
    margin-left: .28em;
}

/* Dekorativen Schatten/Hintergrund oben rechts auf der Produktübersicht entfernen.
   Entspricht der bereits bewährten Lösung im Premium Campaign Atelier. */
.members-page-products .members-hero::after,
.members-page-products .members-dashboard-hero::after,
.members-page-products::after,
.members-dashboard-hero::after,
.members-hero::after {
    background: transparent !important;
    box-shadow: none !important;
}