@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

/* ==========================================================================
   1. BASE / RESET
   ========================================================================== */

.fuchsbau-member-wrap {
        max-width: 800px !important;
        margin: 0 auto !important;
        padding: 40px 20px !important;
        font-family: "Jost", sans-serif !important;
        color: #000 !important;
        box-sizing: border-box !important;
}

.fuchsbau-member-wrap *,
.fuchsbau-member-wrap *::before,
.fuchsbau-member-wrap *::after {
        box-sizing: border-box !important;
}

.fuchsbau-member-wrap input,
.fuchsbau-member-wrap button,
.fuchsbau-member-wrap select,
.fuchsbau-member-wrap textarea {
        border-radius: 0 !important;
        font-family: "Jost", sans-serif !important;
}

.fuchsbau-member-wrap h1,
.fuchsbau-member-wrap h2,
.fuchsbau-member-wrap h3,
.fuchsbau-member-wrap h4 {
        font-family: "Jost", sans-serif !important;
}

/* ==========================================================================
   2. FORMS - Login, Register, Reset, Profile, Password
   ========================================================================== */

.fuchsbau-login-form,
.fuchsbau-reset-form,
.fuchsbau-register-form {
        border: 1px solid #532e1c !important;
        padding: 40px !important;
        background: #fff !important;
        border-radius: 0 !important;
}

.fuchsbau-login-form h2,
.fuchsbau-reset-form h2,
.fuchsbau-register-form h2 {
        font-size: 22px !important;
        color: #532e1c !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        margin-bottom: 30px !important;
        text-align: center !important;
}

.fuchsbau-form-group {
        margin-bottom: 20px !important;
}

.fuchsbau-login-form label,
.fuchsbau-reset-form label,
.fuchsbau-register-form label,
.fuchsbau-profile-form label,
.fuchsbau-password-form label {
        display: block !important;
        color: #532e1c !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-size: 13px !important;
        margin-bottom: 8px !important;
}

.fuchsbau-login-form input[type="text"],
.fuchsbau-login-form input[type="email"],
.fuchsbau-login-form input[type="password"],
.fuchsbau-reset-form input[type="text"],
.fuchsbau-reset-form input[type="email"],
.fuchsbau-reset-form input[type="password"],
.fuchsbau-register-form input[type="text"],
.fuchsbau-register-form input[type="email"],
.fuchsbau-register-form input[type="password"],
.fuchsbau-profile-form input[type="text"],
.fuchsbau-profile-form input[type="email"],
.fuchsbau-profile-form input[type="password"],
.fuchsbau-password-form input[type="password"] {
        width: 100% !important;
        padding: 12px 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 0 !important;
        font-size: 15px !important;
        font-family: "Jost", sans-serif !important;
        color: #000 !important;
        background: #fff !important;
        transition: border-color 0.3s !important;
        outline: none !important;
}

.fuchsbau-login-form input[type="text"]:focus,
.fuchsbau-login-form input[type="email"]:focus,
.fuchsbau-login-form input[type="password"]:focus,
.fuchsbau-reset-form input[type="text"]:focus,
.fuchsbau-reset-form input[type="email"]:focus,
.fuchsbau-reset-form input[type="password"]:focus,
.fuchsbau-register-form input[type="text"]:focus,
.fuchsbau-register-form input[type="email"]:focus,
.fuchsbau-register-form input[type="password"]:focus,
.fuchsbau-profile-form input[type="text"]:focus,
.fuchsbau-profile-form input[type="email"]:focus,
.fuchsbau-profile-form input[type="password"]:focus,
.fuchsbau-password-form input[type="password"]:focus {
        border-color: #532e1c !important;
}

.fuchsbau-login-form button[type="submit"],
.fuchsbau-reset-form button[type="submit"],
.fuchsbau-register-form button[type="submit"] {
        background: #532e1c !important;
        color: #fff !important;
        padding: 14px 30px !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        font-size: 14px !important;
        border: none !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        width: 100% !important;
        font-family: "Jost", sans-serif !important;
        font-weight: 500 !important;
        transition: background 0.3s !important;
}

.fuchsbau-login-form button[type="submit"]:hover,
.fuchsbau-reset-form button[type="submit"]:hover,
.fuchsbau-register-form button[type="submit"]:hover {
        background: #3a1f12 !important;
}

.fuchsbau-login-form a,
.fuchsbau-reset-form a,
.fuchsbau-register-form a {
        color: #532e1c !important;
        text-decoration: none !important;
        font-size: 14px !important;
}

.fuchsbau-login-form a:hover,
.fuchsbau-reset-form a:hover,
.fuchsbau-register-form a:hover {
        text-decoration: underline !important;
}

.fuchsbau-name-row {
        display: flex !important;
        gap: 15px !important;
}

.fuchsbau-name-row > .fuchsbau-form-group,
.fuchsbau-name-row > p {
        flex: 1 !important;
}

.fuchsbau-form-links {
        margin-top: 20px !important;
        text-align: center !important;
}

.fuchsbau-profile-form {
        max-width: 600px !important;
}

.fuchsbau-profile-form .fuchsbau-form-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
}

.fuchsbau-password-section {
        border-top: 1px solid #e0e0e0 !important;
        padding-top: 20px !important;
        margin-top: 20px !important;
}

.fuchsbau-password-section h3 {
        font-size: 18px !important;
        color: #532e1c !important;
        font-weight: 600 !important;
        margin-bottom: 20px !important;
}

/* ==========================================================================
   3. BUTTONS - .fuchsbau-btn, .fuchsbau-button, variants
   ========================================================================== */

.fuchsbau-btn,
.fuchsbau-button {
        display: inline-block !important;
        background: #532e1c !important;
        color: #fff !important;
        padding: 10px 25px !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-size: 13px !important;
        text-decoration: none !important;
        font-family: "Jost", sans-serif !important;
        font-weight: 500 !important;
        border: none !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        transition: background 0.3s !important;
}

.fuchsbau-btn:hover,
.fuchsbau-button:hover {
        background: #3a1f12 !important;
        color: #fff !important;
        text-decoration: none !important;
}

.fuchsbau-btn-outline {
        background: transparent !important;
        color: #532e1c !important;
        border: 2px solid #532e1c !important;
        transition: background 0.3s, color 0.3s !important;
}

.fuchsbau-btn-outline:hover {
        background: #532e1c !important;
        color: #fff !important;
}

.fuchsbau-btn-olive {
        background: #515031 !important;
}

.fuchsbau-btn-olive:hover {
        background: #3d3c24 !important;
}

.fuchsbau-btn-enroll-free {
        display: block !important;
        width: 100% !important;
        background: #515031 !important;
        color: #fff !important;
        padding: 16px 30px !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        font-size: 16px !important;
        border: none !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        font-family: "Jost", sans-serif !important;
        font-weight: 600 !important;
        text-align: center !important;
        text-decoration: none !important;
        transition: background 0.3s !important;
}

.fuchsbau-btn-enroll-free:hover {
        background: #3d3c24 !important;
        color: #fff !important;
}

/* ==========================================================================
   4. MESSAGES - Error, Success
   ========================================================================== */

.fuchsbau-message-error {
        background: #f8d7da !important;
        color: #721c24 !important;
        padding: 12px !important;
        border-left: 3px solid #721c24 !important;
        margin-bottom: 20px !important;
        font-size: 14px !important;
        border-radius: 0 !important;
}

.fuchsbau-message-success {
        background: #d4edda !important;
        color: #155724 !important;
        padding: 12px !important;
        border-left: 3px solid #155724 !important;
        margin-bottom: 20px !important;
        font-size: 14px !important;
        border-radius: 0 !important;
}

.fuchsbau-welcome-notice {
        background: #d4edda !important;
        color: #155724 !important;
        padding: 15px 20px !important;
        border-left: 3px solid #155724 !important;
        margin-bottom: 25px !important;
        font-size: 14px !important;
        border-radius: 0 !important;
}

.fuchsbau-info {
        color: #666 !important;
        font-size: 15px !important;
}

/* ==========================================================================
   5. DASHBOARD - tabs, tab-content, courses-grid, course-cards
   ========================================================================== */

.fuchsbau-dashboard {
        width: 100% !important;
}

.fuchsbau-dashboard > h2 {
        font-size: 24px !important;
        color: #532e1c !important;
        font-weight: 600 !important;
        margin-bottom: 25px !important;
        font-family: "Jost", sans-serif !important;
}

.fuchsbau-tabs {
        display: flex !important;
        border-bottom: 2px solid #532e1c !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        list-style: none !important;
}

.fuchsbau-tab {
        padding: 12px 25px !important;
        cursor: pointer !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-size: 13px !important;
        color: #515031 !important;
        border-bottom: 3px solid transparent !important;
        font-family: "Jost", sans-serif !important;
        font-weight: 400 !important;
        background: none !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        margin-bottom: -2px !important;
        transition: color 0.3s, border-color 0.3s !important;
        text-decoration: none !important;
}

.fuchsbau-tab:hover {
        color: #532e1c !important;
        text-decoration: none !important;
}

.fuchsbau-tab.active {
        color: #532e1c !important;
        border-bottom-color: #532e1c !important;
        font-weight: 600 !important;
}

.fuchsbau-tab-content {
        padding: 30px 0 !important;
        display: none !important;
}

.fuchsbau-tab-content.active {
        display: block !important;
}

.fuchsbau-courses-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
        gap: 25px !important;
}

.fuchsbau-course-card {
        border: 1px solid #e0e0e0 !important;
        overflow: hidden !important;
        transition: box-shadow 0.3s !important;
        background: #fff !important;
        border-radius: 0 !important;
}

.fuchsbau-course-card:hover {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.fuchsbau-course-thumbnail {
        overflow: hidden !important;
}

.fuchsbau-course-thumbnail img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 0 !important;
}

.fuchsbau-course-info {
        padding: 20px !important;
}

.fuchsbau-course-info h3 {
        font-size: 18px !important;
        color: #532e1c !important;
        font-weight: 600 !important;
        margin: 0 0 10px 0 !important;
        font-family: "Jost", sans-serif !important;
}

.fuchsbau-course-info .fuchsbau-btn,
.fuchsbau-course-info .fuchsbau-button {
        margin-top: 10px !important;
}

/* ==========================================================================
   6. COURSE VIEW - header, layout, sidebar, content, chapter items, navigation
   ========================================================================== */

.fuchsbau-member-wrap.fuchsbau-course-view-wrap {
        max-width: 1200px !important;
}

.fuchsbau-course-header {
        margin-bottom: 25px !important;
}

.fuchsbau-course-header h2 {
        font-size: 28px !important;
        color: #532e1c !important;
        font-weight: 600 !important;
        margin: 10px 0 15px 0 !important;
        font-family: "Jost", sans-serif !important;
}

.fuchsbau-back-link {
        display: inline-block !important;
        color: #532e1c !important;
        text-decoration: none !important;
        font-size: 14px !important;
        margin-bottom: 10px !important;
        font-family: "Jost", sans-serif !important;
        transition: color 0.3s !important;
}

.fuchsbau-back-link:hover {
        color: #515031 !important;
        text-decoration: underline !important;
}

.fuchsbau-progress-bar {
        width: 100% !important;
        height: 10px !important;
        background: #e0e0e0 !important;
        overflow: hidden !important;
        border-radius: 0 !important;
}

.fuchsbau-progress-fill {
        height: 100% !important;
        background: #515031 !important;
        min-width: 0 !important;
        transition: width 0.5s !important;
        border-radius: 0 !important;
}

.fuchsbau-progress-text {
        font-size: 12px !important;
        color: #515031 !important;
        margin-top: 5px !important;
        display: block !important;
}

.fuchsbau-course-layout {
        display: flex !important;
        min-height: 60vh !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 0 !important;
}

.fuchsbau-chapter-sidebar {
        width: 300px !important;
        background: #f8f5f2 !important;
        border-right: 1px solid #e0e0e0 !important;
        flex-shrink: 0 !important;
}

.fuchsbau-chapter-sidebar h3 {
        padding: 20px !important;
        margin: 0 !important;
        font-size: 14px !important;
        color: #532e1c !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        border-bottom: 1px solid #e0e0e0 !important;
}

.fuchsbau-chapter-list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
}

.fuchsbau-chapter-item {
        border-bottom: 1px solid #e0e0e0 !important;
        font-size: 14px !important;
}

.fuchsbau-chapter-item a {
        display: block !important;
        padding: 15px 20px !important;
        color: #000 !important;
        text-decoration: none !important;
        transition: background 0.2s !important;
}

.fuchsbau-chapter-item a:hover {
        background: #f0ebe6 !important;
}

.fuchsbau-chapter-item.active a {
        background: #532e1c !important;
        color: #fff !important;
}

.fuchsbau-chapter-item.locked {
        opacity: 0.6 !important;
}

.fuchsbau-chapter-item.locked span.fuchsbau-chapter-locked-link {
        display: block !important;
        padding: 15px 20px !important;
        color: #999 !important;
        cursor: not-allowed !important;
}

.fuchsbau-checkmark {
        margin-right: 8px !important;
        font-weight: 700 !important;
        color: #515031 !important;
}

.fuchsbau-checkmark-empty {
        color: #ccc !important;
        opacity: 0.5 !important;
}

.fuchsbau-chapter-item.active .fuchsbau-checkmark {
        color: #fff !important;
}

.fuchsbau-sidebar-duration {
        display: block !important;
        font-size: 11px !important;
        color: #999 !important;
        margin-top: 3px !important;
        font-weight: 400 !important;
}

.fuchsbau-chapter-item.active .fuchsbau-sidebar-duration {
        color: rgba(255, 255, 255, 0.7) !important;
}

.fuchsbau-release-info {
        display: block !important;
        font-size: 11px !important;
        color: #999 !important;
        margin-top: 3px !important;
        font-style: italic !important;
}

.fuchsbau-chapter-content {
        flex: 1 !important;
        padding: 30px !important;
}

.fuchsbau-chapter-content h3 {
        font-size: 22px !important;
        color: #532e1c !important;
        font-weight: 600 !important;
        margin: 0 0 25px 0 !important;
}

.fuchsbau-chapter-actions {
        margin-top: 30px !important;
        padding-top: 20px !important;
        border-top: 1px solid #e0e0e0 !important;
}

.fuchsbau-completed-badge {
        display: inline-block !important;
        color: #515031 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        font-family: "Jost", sans-serif !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
}

.fuchsbau-mark-complete {
        background: #515031 !important;
        color: #fff !important;
        padding: 10px 25px !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        font-size: 13px !important;
        border: none !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        font-family: "Jost", sans-serif !important;
        transition: background 0.3s !important;
}

.fuchsbau-mark-complete:hover {
        background: #3d3c24 !important;
}

.fuchsbau-mark-complete.completed {
        background: #e0e0e0 !important;
        color: #666 !important;
        cursor: default !important;
}

.fuchsbau-chapter-nav {
        display: flex !important;
        justify-content: space-between !important;
        margin-top: 25px !important;
        padding-top: 20px !important;
        border-top: 1px solid #e0e0e0 !important;
        gap: 10px !important;
        align-items: center !important;
}

.fuchsbau-nav-prev {
        margin-right: auto !important;
}

.fuchsbau-nav-next {
        margin-left: auto !important;
}

.fuchsbau-chapter-text {
        margin: 20px 0 !important;
        line-height: 1.7 !important;
        font-size: 15px !important;
        color: #000 !important;
}

.fuchsbau-chapter-text p {
        margin-bottom: 15px !important;
}

.fuchsbau-duration-badge {
        display: inline-block !important;
        background: #515031 !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        padding: 3px 10px !important;
        margin-left: 10px !important;
        vertical-align: middle !important;
        border-radius: 0 !important;
        font-family: "Jost", sans-serif !important;
        letter-spacing: 0.5px !important;
}

/* ==========================================================================
   7. MEDIA - Video, PDF, Gallery, Downloads
   ========================================================================== */

.fuchsbau-media {
        margin-bottom: 25px !important;
}

.fuchsbau-media-video video {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
}

.fuchsbau-media-video iframe {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
}

.fuchsbau-media-video video {
        pointer-events: auto !important;
}

.fuchsbau-pdf-download {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 15px 20px !important;
        background: #f9f9f9 !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 0 !important;
}

.fuchsbau-pdf-download .fuchsbau-file-icon {
        font-size: 24px !important;
}

.fuchsbau-pdf-download .fuchsbau-download-link {
        color: #532e1c !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        font-size: 16px !important;
}

.fuchsbau-pdf-download .fuchsbau-download-link:hover {
        text-decoration: underline !important;
}

.fuchsbau-chapter-content img {
        max-width: 100% !important;
        height: auto !important;
}

.fuchsbau-gallery-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
        margin: 20px 0 !important;
}

.fuchsbau-gallery-item {
        display: block !important;
        overflow: hidden !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 0 !important;
        text-decoration: none !important;
}

.fuchsbau-gallery-image {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        border-radius: 0 !important;
        transition: transform 0.3s !important;
}

.fuchsbau-gallery-item:hover .fuchsbau-gallery-image {
        transform: scale(1.05) !important;
}

.fuchsbau-media-downloads {
        margin: 20px 0 !important;
        padding: 20px !important;
        background: #f8f5f2 !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 0 !important;
}

.fuchsbau-media-downloads h4 {
        font-family: "Jost", sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #532e1c !important;
        margin: 0 0 15px 0 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
}

.fuchsbau-download-list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
}

.fuchsbau-download-item {
        display: flex !important;
        align-items: center !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #e0e0e0 !important;
        font-size: 14px !important;
}

.fuchsbau-download-item:last-child {
        border-bottom: none !important;
}

.fuchsbau-file-icon {
        margin-right: 10px !important;
        font-size: 18px !important;
}

.fuchsbau-download-link {
        color: #532e1c !important;
        text-decoration: none !important;
        font-weight: 500 !important;
        transition: color 0.3s !important;
}

.fuchsbau-download-link:hover {
        color: #515031 !important;
        text-decoration: underline !important;
}

/* ==========================================================================
   8. DRIP CONTENT - Lock icons, notices
   ========================================================================== */

.fuchsbau-lock-icon {
        margin-right: 5px !important;
        font-size: 14px !important;
}

.fuchsbau-lock-icon-large {
        font-size: 48px !important;
        display: block !important;
        text-align: center !important;
        margin-bottom: 15px !important;
}

.fuchsbau-drip-notice {
        text-align: center !important;
        padding: 40px 20px !important;
        background: #f8f5f2 !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 0 !important;
}

.fuchsbau-drip-notice p {
        color: #666 !important;
        font-size: 15px !important;
        margin: 0 !important;
}

/* ==========================================================================
   9. CHECKOUT - Card, price, PayPal
   ========================================================================== */

.fuchsbau-checkout {
        max-width: 500px !important;
        margin: 0 auto !important;
}

.fuchsbau-checkout-card {
        border: 1px solid #e0e0e0 !important;
        overflow: hidden !important;
        margin-bottom: 30px !important;
        background: #fff !important;
        border-radius: 0 !important;
}

.fuchsbau-checkout-card .fuchsbau-course-thumbnail {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
        display: block !important;
}

.fuchsbau-checkout-card .fuchsbau-checkout-info {
        padding: 25px !important;
}

.fuchsbau-checkout-card .fuchsbau-course-title {
        font-size: 20px !important;
        color: #532e1c !important;
        font-weight: 600 !important;
        margin-bottom: 10px !important;
}

.fuchsbau-checkout-card .fuchsbau-course-description {
        font-size: 14px !important;
        color: #666 !important;
        line-height: 1.6 !important;
        margin-bottom: 15px !important;
}

.fuchsbau-checkout-price {
        font-size: 28px !important;
        color: #532e1c !important;
        font-weight: 700 !important;
        margin: 20px 0 !important;
        font-family: "Jost", sans-serif !important;
}

.fuchsbau-paypal-container {
        margin-top: 20px !important;
}

/* ==========================================================================
   10. UTILITY / MISC
   ========================================================================== */

.fuchsbau-loading {
        text-align: center !important;
        padding: 20px !important;
        color: #515031 !important;
        font-size: 14px !important;
}

.fuchsbau-no-courses {
        text-align: center !important;
        padding: 40px 20px !important;
        color: #666 !important;
        font-size: 15px !important;
}

.fuchsbau-logout-link {
        color: #532e1c !important;
        text-decoration: none !important;
        font-size: 13px !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
}

.fuchsbau-logout-link:hover {
        text-decoration: underline !important;
}

/* ==========================================================================
   11. RESPONSIVE - Mobile breakpoints
   ========================================================================== */

@media (max-width: 768px) {
        .fuchsbau-course-layout {
                flex-direction: column !important;
        }

        .fuchsbau-chapter-sidebar {
                width: 100% !important;
                border-right: none !important;
                border-bottom: 1px solid #e0e0e0 !important;
        }

        .fuchsbau-chapter-content {
                padding: 20px !important;
        }

        .fuchsbau-courses-grid {
                grid-template-columns: 1fr !important;
        }

        .fuchsbau-chapter-nav {
                flex-direction: column !important;
        }

        .fuchsbau-nav-prev,
        .fuchsbau-nav-next {
                width: 100% !important;
                text-align: center !important;
                margin: 0 !important;
        }

        .fuchsbau-member-wrap {
                padding: 20px 15px !important;
        }

        .fuchsbau-course-header h2 {
                font-size: 22px !important;
        }

        .fuchsbau-tabs {
                flex-wrap: wrap !important;
        }

        .fuchsbau-tab {
                padding: 10px 15px !important;
                font-size: 12px !important;
        }

        .fuchsbau-gallery-grid {
                grid-template-columns: repeat(2, 1fr) !important;
        }

        .fuchsbau-name-row {
                flex-direction: column !important;
                gap: 0 !important;
        }
}

@media (max-width: 480px) {
        .fuchsbau-gallery-grid {
                grid-template-columns: 1fr !important;
        }

        .fuchsbau-login-form,
        .fuchsbau-reset-form,
        .fuchsbau-register-form {
                padding: 25px !important;
        }

        .fuchsbau-course-header h2 {
                font-size: 20px !important;
        }

        .fuchsbau-chapter-content h3 {
                font-size: 18px !important;
        }
}