@import '_content/BlxCmx.CMS.UI/BlxCmx.CMS.UI.jf9kymta5n.bundle.scp.css';
@import '_content/BlxCmx.LockingPlanning.UI/BlxCmx.LockingPlanning.UI.y5i7wmjthk.bundle.scp.css';
@import '_content/BlxCmx.LockingShop.UI/BlxCmx.LockingShop.UI.dkwvbj22ma.bundle.scp.css';
@import '_content/BlxCmx.Shop.UI/BlxCmx.Shop.UI.5qxts9z446.bundle.scp.css';
@import '_content/BlxCmx.UI.Core/BlxCmx.UI.Core.7kibjczssf.bundle.scp.css';
@import '_content/BlxCmx.UI.Shared/BlxCmx.UI.Shared.z0xs2xz25n.bundle.scp.css';
@import '_content/BlxCmx.Vocab.UI/BlxCmx.Vocab.UI.alwd77bziw.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-pwk3jxeqbo] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-pwk3jxeqbo] {
    flex: 1;
    padding: 20px 0;
}

header[b-pwk3jxeqbo] {
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

footer[b-pwk3jxeqbo] {
    margin-top: auto;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    color: #666;
    font-size: 0.9rem;
}

/* Backend: Fixiertes Layout - Header oben, Sidebar + Hauptbereich scrollen unabhängig */
.backend-fixed-layout[b-pwk3jxeqbo] {
    height: 100vh;
    overflow: hidden;
}

.backend-fixed-layout > header[b-pwk3jxeqbo] {
    flex-shrink: 0;
}

.backend-fixed-layout > main[b-pwk3jxeqbo] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

/* Menu Styling */
.sidebar-menu-item[b-pwk3jxeqbo] {
    border-bottom: 1px solid #f0f0f0;
}

.sidebar-menu-link[b-pwk3jxeqbo] {
    display: block;
    padding: 12px 15px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
}

.sidebar-menu-link:hover[b-pwk3jxeqbo] {
    background-color: #f8f9fa;
    color: #005CA0;
}

.sidebar-menu-link.active[b-pwk3jxeqbo] {
    background-color: #005CA0;
    color: white;
}

.sidebar-menu-link i[b-pwk3jxeqbo] {
    width: 20px;
    text-align: center;
}

.accordion-button[b-pwk3jxeqbo] {
    padding: 12px 15px;
    font-weight: 500;
    color: #333;
}

.accordion-button:not(.collapsed)[b-pwk3jxeqbo] {
    background-color: #f8f9fa;
    color: #005CA0;
    box-shadow: none;
}

.accordion-button:focus[b-pwk3jxeqbo] {
    box-shadow: none;
    border-color: #e5e5e5;
}

.accordion-item[b-pwk3jxeqbo] {
    border: none;
    border-bottom: 1px solid #f0f0f0;
}

.sub-item[b-pwk3jxeqbo] {
    padding-left: 40px;
    font-size: 0.95rem;
}

.top-row[b-pwk3jxeqbo] {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-pwk3jxeqbo]  a, .top-row[b-pwk3jxeqbo]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-pwk3jxeqbo]  a:hover, .top-row[b-pwk3jxeqbo]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-pwk3jxeqbo]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-pwk3jxeqbo] {
        justify-content: space-between;
    }

    .top-row[b-pwk3jxeqbo]  a, .top-row[b-pwk3jxeqbo]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-pwk3jxeqbo] {
        flex-direction: column;
    }

    .sidebar[b-pwk3jxeqbo] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-pwk3jxeqbo] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-pwk3jxeqbo]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-pwk3jxeqbo], article[b-pwk3jxeqbo] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-pwk3jxeqbo] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-pwk3jxeqbo] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Backend/Files/FileListBackendPage.razor.rz.scp.css */
.directory-list[b-mqrlbx1p07] {
    max-height: 600px;
    overflow-y: auto;
}

.directory-list .list-group-item[b-mqrlbx1p07] {
    border-radius: 0;
    border-right: none;
    border-left: none;
    transition: all 0.2s;
}

.directory-list .list-group-item.active[b-mqrlbx1p07] {
    background-color: #e9f5ff;
    color: #0d6efd;
    border-color: #dee2e6;
    font-weight: bold;
}

.directory-list .list-group-item:hover:not(.active)[b-mqrlbx1p07] {
    background-color: #f8f9fa;
}

.directory-item[b-mqrlbx1p07] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.directory-name[b-mqrlbx1p07] {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.directory-delete-btn[b-mqrlbx1p07], .directory-create-btn[b-mqrlbx1p07] {
    opacity: 0;
    transition: opacity 0.2s;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    margin-left: 0.25rem;
}

.list-group-item:hover .directory-delete-btn[b-mqrlbx1p07],
.list-group-item:hover .directory-create-btn[b-mqrlbx1p07] {
    opacity: 1;
}

.upload-progress[b-mqrlbx1p07] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 400px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 1050;
}

.upload-progress-header[b-mqrlbx1p07] {
    padding: 12px 16px;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.upload-progress-body[b-mqrlbx1p07] {
    padding: 16px;
}

.chunk-info[b-mqrlbx1p07] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 8px;
}
/* /Components/Pages/Backend/Layout/Contents/Editors/CodeEditor.razor.rz.scp.css */
.code-editor[b-x5mj0biw8w] {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 14px;
    line-height: 1.5;
    tab-size: 4;
}
/* /Components/Pages/Backend/Layout/Contents/Editors/FormEditor.razor.rz.scp.css */
.form-fields-container[b-2cp9wxf9uw] {
    margin-bottom: 1.5rem;
}

.form-field-card[b-2cp9wxf9uw] {
    border: 1px solid #dee2e6;
    transition: box-shadow 0.2s ease-in-out;
    margin-bottom: 1rem;
}

.form-field-card:hover[b-2cp9wxf9uw] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.form-field-card .card-header[b-2cp9wxf9uw] {
    background-color: #f8f9fa;
    padding: 0.75rem 1rem;
}

.options-container[b-2cp9wxf9uw] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
}
/* /Components/Pages/Backend/Layout/Contents/Editors/TableEditor.razor.rz.scp.css */
.table-editor-container[b-vz2jd3fs7k] {
    margin-bottom: 1.5rem;
}

.table-toolbar[b-vz2jd3fs7k] {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.table-editor-table[b-vz2jd3fs7k] {
    width: 100%;
    overflow-x: auto;
}

.table-editor-table table[b-vz2jd3fs7k] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dee2e6;
}

.table-editor-table th[b-vz2jd3fs7k],
.table-editor-table td[b-vz2jd3fs7k] {
    border: 1px solid #dee2e6;
    padding: 0.5rem;
    vertical-align: top;
}

.table-editor-table input[b-vz2jd3fs7k] {
    width: 100%;
    border: 1px solid transparent;
    background-color: transparent;
    padding: 0.25rem;
}

.table-editor-table input:focus[b-vz2jd3fs7k] {
    border-color: #80bdff;
    outline: 0;
    background-color: white;
}

.cell-actions[b-vz2jd3fs7k] {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 0;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 10;
}

.table-editor-table th:hover .cell-actions[b-vz2jd3fs7k],
.table-editor-table td:hover .cell-actions[b-vz2jd3fs7k] {
    visibility: visible;
}

.cell-actions button[b-vz2jd3fs7k] {
    background: none;
    border: none;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    color: #6c757d;
}

.cell-actions button:hover[b-vz2jd3fs7k] {
    color: #343a40;
}

.table-editor-cell[b-vz2jd3fs7k] {
    position: relative;
    min-width: 100px;
    min-height: 30px;
}

.style-selector[b-vz2jd3fs7k] {
    max-width: 200px;
}
/* /Components/Pages/Backend/Layout/Contents/List/ContentTypeSelectionBackendPage.razor.rz.scp.css */
.content-type-card[b-nc32fqec02] {
    transition: all 0.2s ease-in-out;
    border: 1px solid #dee2e6;
    cursor: pointer;
    min-height: 130px;
}

.content-type-card:hover[b-nc32fqec02] {
    transform: translateY(-3px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    border-color: #6c757d;
}

.content-type-card .card-text[b-nc32fqec02] {
    font-size: 0.75rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-type-card.basis[b-nc32fqec02] {
    border-left: 3px solid #28a745;
}

.content-type-card.layout[b-nc32fqec02] {
    border-left: 3px solid #007bff;
}

.content-type-card.media[b-nc32fqec02] {
    border-left: 3px solid #fd7e14;
}

.content-type-card.interaktiv[b-nc32fqec02] {
    border-left: 3px solid #dc3545;
}

.content-type-card.daten[b-nc32fqec02] {
    border-left: 3px solid #6f42c1;
}

.content-type-card.speziell[b-nc32fqec02] {
    border-left: 3px solid #17a2b8;
}

.content-type-card.test[b-nc32fqec02] {
    border-left: 3px solid #ffc107;
}
/* /Components/Pages/Backend/Layout/Contents/Renderer/CodeRenderer.razor.rz.scp.css */
.code-preview[b-skvv32uhgk] {
    background-color: #f6f8fa;
    border-radius: 4px;
    border: 1px solid #e1e4e8;
    overflow: hidden;
}

.code-preview-header[b-skvv32uhgk] {
    background-color: #e1e4e8;
    padding: 0.5rem 1rem;
    display: flex;
    font-size: 12px;
    color: #24292e;
    border-bottom: 1px solid #d1d5da;
}

.code-language[b-skvv32uhgk] {
    font-weight: bold;
    margin-right: 1rem;
}

.code-line-numbers[b-skvv32uhgk] {
    margin-right: 1rem;
}

.code-theme[b-skvv32uhgk] {
    margin-left: auto;
}

.code-preview-content[b-skvv32uhgk] {
    margin: 0;
    padding: 1rem;
    max-height: 200px;
    overflow-y: auto;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre;
}
/* /Components/Pages/Backend/Layout/Contents/Renderer/FormRenderer.razor.rz.scp.css */
.form-preview .card[b-darrx0yjhm] {
    border: 1px solid #dee2e6;
    margin-bottom: 1rem;
}

.form-preview .card-header[b-darrx0yjhm] {
    background-color: #f8f9fa;
    padding: 0.75rem 1rem;
}

.form-preview .form-fields-preview[b-darrx0yjhm] {
    max-height: 500px;
    overflow-y: auto;
    padding: 0.5rem;
}

.form-description[b-darrx0yjhm] {
    color: #6c757d;
    margin-bottom: 1.5rem;
}

.captcha-preview[b-darrx0yjhm] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1rem;
}
/* /Components/Pages/Backend/Layout/Contents/Renderer/InfoListRenderer.razor.rz.scp.css */
.info-list-preview[b-165d101m3k] {
    max-height: 200px;
    overflow-y: auto;
}

.info-list-item[b-165d101m3k] {
    font-size: 0.875rem;
}
/* /Components/Pages/Backend/Layout/Contents/Renderer/PluginRenderer.razor.rz.scp.css */
.plugin-preview[b-yn09sa5xu7] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 1rem;
    margin: 0.5rem 0;
}
/* /Components/Pages/Backend/Layout/Contents/Renderer/TeaserCardRenderer.razor.rz.scp.css */
.teaser-card-preview[b-prbxggso80] {
    background-color: #f8f9fa;
    border-radius: 4px;
    overflow: hidden;
}

.teaser-card-preview-header[b-prbxggso80] {
    background-color: #e9ecef;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.teaser-card-preview-content[b-prbxggso80] {
    padding: 1rem;
}

.teaser-card-placeholder[b-prbxggso80] {
    background-color: #e9ecef;
    border-radius: 4px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.placeholder-image[b-prbxggso80] {
    font-size: 3rem;
    color: #adb5bd;
}

.teaser-card-body[b-prbxggso80] {
    background-color: #fff;
    border-radius: 4px;
}

.teaser-card-title[b-prbxggso80] {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.teaser-card-description[b-prbxggso80] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.75rem;
}
/* /Components/Pages/Backend/System/Settings/SettingListBackendPage.razor.rz.scp.css */
.nav-tabs .nav-link[b-jqnxe7rdir] {
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
    color: #6c757d;
}

.nav-tabs .nav-link:hover[b-jqnxe7rdir] {
    color: #005CA0;
    border-bottom-color: #005CA0;
    background-color: rgba(0, 92, 160, 0.05);
}

.nav-tabs .nav-link.active[b-jqnxe7rdir] {
    color: #005CA0;
    border-bottom-color: #005CA0;
    background-color: rgba(0, 92, 160, 0.05);
    font-weight: 600;
}

.nav-tabs .nav-link .badge[b-jqnxe7rdir] {
    transition: all 0.2s ease-in-out;
}

.nav-tabs .nav-link:hover .badge[b-jqnxe7rdir],
.nav-tabs .nav-link.active .badge[b-jqnxe7rdir] {
    background-color: #005CA0;
}

.table th[b-jqnxe7rdir] {
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.card-header[b-jqnxe7rdir] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #eee;
}

.card[b-jqnxe7rdir] {
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
/* /Components/Pages/Frontend/PageViewFrontendPage.razor.rz.scp.css */
.page-container[b-vdzldyeeq3] {
    padding: 20px 0;
}

/* Debug Styles */
.content-debug-info[b-vdzldyeeq3] {
    margin-bottom: 15px;
    border: 2px solid #e74c3c;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.content-debug-info.child-element[b-vdzldyeeq3] {
    border-color: #3498db;
}

.debug-header[b-vdzldyeeq3] {
    background-color: #e74c3c;
    color: white;
    padding: 8px 12px;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.content-debug-info.child-element .debug-header[b-vdzldyeeq3] {
    background-color: #3498db;
}

.debug-type[b-vdzldyeeq3] {
    font-size: 14px;
    flex: 0 0 auto;
}

.debug-id[b-vdzldyeeq3] {
    font-size: 14px;
    opacity: 0.9;
    flex: 0 0 auto;
}

.debug-name[b-vdzldyeeq3] {
    font-size: 14px;
    font-style: italic;
    opacity: 0.9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    text-align: right;
}

.debug-details[b-vdzldyeeq3] {
    padding: 10px;
    font-size: 13px;
}

.debug-row[b-vdzldyeeq3] {
    display: flex;
    margin-bottom: 4px;
    border-bottom: 1px solid #eee;
    padding-bottom: 4px;
}

.debug-row:last-child[b-vdzldyeeq3] {
    margin-bottom: 0;
    border-bottom: none;
}

.debug-label[b-vdzldyeeq3] {
    width: 120px;
    font-weight: bold;
    color: #333;
}

.debug-value[b-vdzldyeeq3] {
    flex: 1;
    color: #555;
}

.page-header[b-vdzldyeeq3] {
    margin-bottom: 30px;
    text-align: center;
}

.page-header h1[b-vdzldyeeq3] {
    margin-bottom: 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #eee;
    font-size: 2.5rem;
    color: #005CA0;
}

.page-content[b-vdzldyeeq3] {
    margin-top: 20px;
}

.content-elements[b-vdzldyeeq3] {
    margin-bottom: 30px;
}

.content-element[b-vdzldyeeq3] {
    margin-bottom: 40px;
    animation: fadeIn-b-vdzldyeeq3 0.5s ease-in-out;
}

@keyframes fadeIn-b-vdzldyeeq3 {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.text-content[b-vdzldyeeq3] {
    line-height: 1.8;
    font-size: 1.1rem;
    color: #333;
}

.text-content h2[b-vdzldyeeq3] {
    color: #005CA0;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size: 1.8rem;
}

.text-content h3[b-vdzldyeeq3] {
    color: #005CA0;
    margin-top: 1.2rem;
    margin-bottom: 0.8rem;
    font-size: 1.5rem;
}

.text-content p[b-vdzldyeeq3] {
    margin-bottom: 1.2rem;
}

.text-content ul[b-vdzldyeeq3], 
.text-content ol[b-vdzldyeeq3] {
    margin-bottom: 1.2rem;
    padding-left: 1.5rem;
}

.text-content li[b-vdzldyeeq3] {
    margin-bottom: 0.5rem;
}

.text-content a[b-vdzldyeeq3] {
    color: #005CA0;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
}

.text-content a:hover[b-vdzldyeeq3] {
    border-bottom-color: #005CA0;
}

.image-content[b-vdzldyeeq3] {
    margin: 30px 0;
    text-align: center;
}

.image-content img[b-vdzldyeeq3] {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.image-content img:hover[b-vdzldyeeq3] {
    transform: scale(1.02);
}

.container-content[b-vdzldyeeq3] {
    margin: 30px 0;
}

.container-content .row[b-vdzldyeeq3] {
    margin-left: -15px;
    margin-right: -15px;
}

.container-content .col-md-1[b-vdzldyeeq3],
.container-content .col-md-2[b-vdzldyeeq3],
.container-content .col-md-3[b-vdzldyeeq3],
.container-content .col-md-4[b-vdzldyeeq3],
.container-content .col-md-5[b-vdzldyeeq3],
.container-content .col-md-6[b-vdzldyeeq3],
.container-content .col-md-7[b-vdzldyeeq3],
.container-content .col-md-8[b-vdzldyeeq3],
.container-content .col-md-9[b-vdzldyeeq3],
.container-content .col-md-10[b-vdzldyeeq3],
.container-content .col-md-11[b-vdzldyeeq3],
.container-content .col-md-12[b-vdzldyeeq3] {
    padding: 15px;
}

.plugin-content[b-vdzldyeeq3] {
    /*
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid #005CA0;
    */
}

.no-content[b-vdzldyeeq3] {
    padding: 50px;
    background-color: #f8f9fa;
    border-radius: 8px;
    text-align: center;
    color: #6c757d;
    font-size: 1.2rem;
}

.loading-indicator[b-vdzldyeeq3] {
    text-align: center;
    padding: 80px 0;
}

.loading-indicator .spinner-border[b-vdzldyeeq3] {
    width: 3rem;
    height: 3rem;
    color: #005CA0;
}

.loading-indicator p[b-vdzldyeeq3] {
    margin-top: 15px;
    font-size: 1.2rem;
    color: #6c757d;
}

.page-not-found[b-vdzldyeeq3] {
    text-align: center;
    padding: 80px 0;
}

.page-not-found h1[b-vdzldyeeq3] {
    font-size: 2.5rem;
    color: #dc3545;
    margin-bottom: 1rem;
}

.page-not-found p[b-vdzldyeeq3] {
    font-size: 1.2rem;
    color: #6c757d;
    margin-bottom: 2rem;
}

/* Styles für Unterseiten in One-Pager-Ansicht */
.subpages-container[b-vdzldyeeq3] {
    margin-top: 60px;
}

.subpage-section[b-vdzldyeeq3] {
    margin-bottom: 60px;
    padding-top: 30px;
    border-top: 1px solid #eaeaea;
    scroll-margin-top: 80px; /* Für Anker-Links */
}

.subpage-section:first-child[b-vdzldyeeq3] {
    border-top: none;
}

.subpage-section h1[b-vdzldyeeq3],
.subpage-section h2[b-vdzldyeeq3] {
    margin-bottom: 30px;
    color: #005CA0;
}

.subpage-content[b-vdzldyeeq3] {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .page-container[b-vdzldyeeq3] {
        padding: 15px;
    }
    
    .page-header h1[b-vdzldyeeq3] {
        font-size: 2rem;
    }
    
    .text-content[b-vdzldyeeq3] {
        font-size: 1rem;
    }
    
    .container-content .row > div[b-vdzldyeeq3] {
        margin-bottom: 20px;
    }
}
EOL < /dev/null[b-vdzldyeeq3]
/* /Components/Pages/Frontend/Page/Content/ContentLayoutWrapper.razor.rz.scp.css */
/* ContentLayoutWrapper has no static rules — all styling is inline from Layout properties. */
/* /Components/Pages/Frontend/Page/Content/Renderer/CallToActionRenderer.razor.rz.scp.css */
/* 
   Call-to-Action Element Styling
   Enthält Stile für verschiedene Call-to-Action Layouts und Varianten
*/

.call-to-action-wrapper[b-qau6wlzh5t] {
    margin: 2rem 0;
}

.call-to-action-wrapper.container-width[b-qau6wlzh5t] {
    padding: 0 15px;
}

.call-to-action-wrapper.full-width[b-qau6wlzh5t] {
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}

.call-to-action[b-qau6wlzh5t] {
    position: relative;
    padding: 3rem;
    border-radius: 8px;
    overflow: hidden;
}

/* Hintergrundbild Overlay */
.call-to-action-bg-image[b-qau6wlzh5t] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.2;
    z-index: 0;
}

.call-to-action-content[b-qau6wlzh5t] {
    position: relative;
    z-index: 1;
}

.call-to-action-headline[b-qau6wlzh5t] {
    margin-bottom: 1rem;
    font-weight: 700;
}

.call-to-action-subheading[b-qau6wlzh5t] {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
}

.call-to-action-button[b-qau6wlzh5t] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
    border: none;
}

.call-to-action-button:hover[b-qau6wlzh5t] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Stil-Varianten */
.call-to-action.standard[b-qau6wlzh5t] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.call-to-action.emphasis[b-qau6wlzh5t] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    transform: scale(1.02);
}

.call-to-action.subtle[b-qau6wlzh5t] {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.call-to-action.banner[b-qau6wlzh5t] {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
}

/* Ausrichtungsstile */
.call-to-action-content[style*="text-align: center"] .call-to-action-button[b-qau6wlzh5t] {
    margin: 0 auto;
}

.call-to-action-content[style*="text-align: right"] .call-to-action-button[b-qau6wlzh5t] {
    margin-left: auto;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    .call-to-action[b-qau6wlzh5t] {
        padding: 2rem;
    }
    
    .call-to-action-headline[b-qau6wlzh5t] {
        font-size: 1.75rem;
    }
    
    .call-to-action-subheading[b-qau6wlzh5t] {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .call-to-action[b-qau6wlzh5t] {
        padding: 1.5rem;
    }
    
    .call-to-action-headline[b-qau6wlzh5t] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Frontend/Page/Content/Renderer/CodeRenderer.razor.rz.scp.css */
.code-content[b-7begj5a20w] {
    margin: 1rem 0;
}

.code-content pre[b-7begj5a20w] {
    background-color: #f6f8fa;
    border-radius: 4px;
    padding: 1rem;
    overflow-x: auto;
    position: relative;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 14px;
    line-height: 1.5;
}

.code-content code[b-7begj5a20w] {
    font-family: inherit;
    white-space: pre;
    word-break: normal;
    word-wrap: normal;
    display: block;
}

.code-content pre.line-numbers[b-7begj5a20w] {
    counter-reset: line;
    padding-left: 3.5rem;
}

.code-content pre.line-numbers code[b-7begj5a20w] {
    position: relative;
}

.code-content pre.line-numbers code[b-7begj5a20w]::before {
    counter-increment: line;
    content: counter(line);
    position: absolute;
    left: -2.5rem;
    color: #8a8a8a;
    text-align: right;
    width: 2rem;
    user-select: none;
}

.code-content pre.theme-default[b-7begj5a20w] {
    background-color: #f6f8fa;
    color: #24292e;
    border: 1px solid #e1e4e8;
}

.code-content pre.theme-dark[b-7begj5a20w] {
    background-color: #1e1e1e;
    color: #d4d4d4;
    border: 1px solid #3e3e3e;
}

.code-content pre.theme-light[b-7begj5a20w] {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #e5e5e5;
}
/* /Components/Pages/Frontend/Page/Content/Renderer/FormRenderer.razor.rz.scp.css */
.form-container[b-5ndsa8p5i4] {
    margin-bottom: 2rem;
}

.form-header[b-5ndsa8p5i4] {
    margin-bottom: 1.5rem;
}

.form-title[b-5ndsa8p5i4] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.form-description[b-5ndsa8p5i4] {
    color: #6c757d;
    margin-bottom: 1.5rem;
}

.form-fields-container[b-5ndsa8p5i4] {
    margin-bottom: 1.5rem;
}

.form-submit[b-5ndsa8p5i4] {
    margin-top: 2rem;
}

.required-indicator[b-5ndsa8p5i4] {
    color: #dc3545;
    margin-left: 0.25rem;
}

.form-success-message[b-5ndsa8p5i4] {
    padding: 1rem;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 0.25rem;
    color: #155724;
    margin-bottom: 1rem;
}

.form-error-message[b-5ndsa8p5i4] {
    padding: 1rem;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 0.25rem;
    color: #721c24;
    margin-bottom: 1rem;
}

.form-element[b-5ndsa8p5i4] {
    width: 100%;
}

.form-element .form-control:focus[b-5ndsa8p5i4],
.form-element .form-select:focus[b-5ndsa8p5i4],
.form-element .form-check-input:focus[b-5ndsa8p5i4] {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-horizontal .form-label[b-5ndsa8p5i4] {
    text-align: right;
    padding-top: calc(0.375rem + 1px);
}

.captcha-container[b-5ndsa8p5i4] {
    margin-bottom: 1rem;
    max-width: 320px;
}

.form-element .invalid-feedback[b-5ndsa8p5i4] {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.form-element .is-invalid[b-5ndsa8p5i4] {
    border-color: #dc3545;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-element .was-validated .form-control:invalid[b-5ndsa8p5i4],
.form-element .was-validated .form-select:invalid[b-5ndsa8p5i4],
.form-element .was-validated .form-check-input:invalid[b-5ndsa8p5i4] {
    border-color: #dc3545;
}

@media (max-width: 767.98px) {
    .form-horizontal .form-label[b-5ndsa8p5i4] {
        text-align: left;
    }
}

.form-submitting[b-5ndsa8p5i4] {
    position: relative;
}

.form-submitting[b-5ndsa8p5i4]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.form-spinner[b-5ndsa8p5i4] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: form-spinner-b-5ndsa8p5i4 0.75s linear infinite;
}

@keyframes form-spinner-b-5ndsa8p5i4 {
    to {
        transform: rotate(360deg);
    }
}

.form-message-animate[b-5ndsa8p5i4] {
    animation: message-fade-in-b-5ndsa8p5i4 0.3s ease-in-out;
}

@keyframes message-fade-in-b-5ndsa8p5i4 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media print {
    .form-element button[type="submit"][b-5ndsa8p5i4],
    .form-element .captcha-container[b-5ndsa8p5i4] {
        display: none !important;
    }
}
/* /Components/Pages/Frontend/Page/Content/Renderer/GalleryRenderer.razor.rz.scp.css */
.gallery-content[b-gt83w0mk4l] {
    margin-bottom: 1.5rem;
}

.gallery-grid[b-gt83w0mk4l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.gallery-item[b-gt83w0mk4l] {
    position: relative;
    border-radius: 0.25rem;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.gallery-item img[b-gt83w0mk4l] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.gallery-item:hover img[b-gt83w0mk4l] {
    transform: scale(1.05);
}

.gallery-placeholder[b-gt83w0mk4l] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 2rem;
    text-align: center;
    color: #6c757d;
}

@media (max-width: 768px) {
    .gallery-grid[b-gt83w0mk4l] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}
/* /Components/Pages/Frontend/Page/Content/Renderer/ImageRenderer.razor.rz.scp.css */
.image-content[b-g2p5uoblvo] {
    text-align: center;
}

.image-content img[b-g2p5uoblvo] {
    max-width: 100%;
    height: auto;
    border-radius: 0.25rem;
    cursor: pointer;
}

.image-caption[b-g2p5uoblvo] {
    margin-top: 0.5rem;
    font-style: italic;
    color: #6c757d;
    text-align: center;
}
/* /Components/Pages/Frontend/Page/Content/Renderer/ImageWithTextRenderer.razor.rz.scp.css */
.image-with-text-content[b-vz6zwetys5] {
    margin-bottom: 1.5rem;
}
/* /Components/Pages/Frontend/Page/Content/Renderer/InfoListRenderer.razor.rz.scp.css */
/* Default List Style */
.info-list-default[b-iixq8qp1xr] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.info-list-default .info-item[b-iixq8qp1xr] {
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
}

/* Compact Style */
.info-list-compact[b-iixq8qp1xr] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.info-item-compact[b-iixq8qp1xr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Cards Style */
.info-card[b-iixq8qp1xr] {
    padding: 1.5rem;
    background: var(--bs-light);
    border-radius: 0.5rem;
    text-align: center;
    transition: transform 0.2s;
}

.info-card:hover[b-iixq8qp1xr] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.info-card .info-icon[b-iixq8qp1xr] {
    font-size: 2rem;
    color: var(--bs-primary);
    margin-bottom: 1rem;
    display: block;
}

/* Common Styles */
.info-label[b-iixq8qp1xr] {
    font-weight: 600;
    margin-right: 0.5rem;
}

.info-label[b-iixq8qp1xr]:after {
    content: ":";
}

.info-text[b-iixq8qp1xr] {
    color: var(--bs-gray-700);
}

/* Icon Styles */
.info-list i[b-iixq8qp1xr] {
    color: var(--bs-primary);
}
/* /Components/Pages/Frontend/Page/Content/Renderer/Plugins/MenuStyles/BreadcrumbMenuRenderer.razor.rz.scp.css */
.breadcrumb[b-74e6du21kl] {
    margin-bottom: 0;
}

.breadcrumb-item + .breadcrumb-item[b-74e6du21kl]::before {
    color: var(--bs-gray-600);
}

.breadcrumb-item.active[b-74e6du21kl] {
    color: var(--bs-gray-700);
    font-weight: 500;
}
/* /Components/Pages/Frontend/Page/Content/Renderer/Plugins/MenuStyles/DropdownMenuRenderer.razor.rz.scp.css */
/* Dropdown-Positionierung */
[b-bwgqnyl6xs] .nav-item.dropdown {
    position: relative;
}

[b-bwgqnyl6xs] .nav-item.dropdown .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

[b-bwgqnyl6xs] .dropdown-menu.show {
    display: block !important;
}

/* Untermenue-Positionierung */
[b-bwgqnyl6xs] .dropdown-submenu {
    position: relative;
}

[b-bwgqnyl6xs] .dropdown-submenu > .dropdown-menu,
[b-bwgqnyl6xs] li.dropdown-submenu > .dropdown-menu {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    border-radius: 0 6px 6px 6px;
}

[b-bwgqnyl6xs] .dropdown-submenu.dropdown-menu-end > .dropdown-menu {
    left: auto !important;
    right: 100% !important;
    border-radius: 6px 0 6px 6px;
}

/* Z-Index-Management fuer Tiefe */
[b-bwgqnyl6xs] .dropdown-menu .dropdown-menu {
    z-index: 1001;
}

[b-bwgqnyl6xs] .dropdown-menu .dropdown-menu .dropdown-menu {
    z-index: 1002;
}

/* Text-Menueintraege (span statt a) wie Links aussehen lassen */
[b-bwgqnyl6xs] span.nav-link {
    cursor: pointer;
}

[b-bwgqnyl6xs] span.nav-link:hover {
    text-decoration: underline;
}

[b-bwgqnyl6xs] span.dropdown-item {
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

[b-bwgqnyl6xs] span.dropdown-item:hover {
    text-decoration: underline;
    background-color: #f8f9fa;
    color: #16181b;
}

/* Menu-Icons */
[b-bwgqnyl6xs] .menu-item-icon {
    width: 24px;
    text-align: center;
    margin-right: 0.5rem;
}

/* Shopping-Cart Badge */
[b-bwgqnyl6xs] .shopping-cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background-color: #0d6efd;
    border-radius: 0.25rem;
    margin-left: 0.5rem;
}

/* Sprach-Auswahl im Menue */
[b-bwgqnyl6xs] .language-selector .dropdown-item.active {
    font-weight: bold;
    background-color: rgba(13, 110, 253, 0.1);
}

[b-bwgqnyl6xs] .language-selector .dropdown-item:hover {
    background-color: rgba(13, 110, 253, 0.05);
}
/* /Components/Pages/Frontend/Page/Content/Renderer/Plugins/MenuStyles/HorizontalMenuRenderer.razor.rz.scp.css */
[b-olcl6dsjvu] .menu-header {
    font-weight: 600;
    color: inherit;
    text-decoration: none;
    display: block;
    margin-bottom: 0.5rem;
}

[b-olcl6dsjvu] .menu-header:hover {
    text-decoration: underline;
}

[b-olcl6dsjvu] .menu-header.active {
    color: var(--bs-primary);
}

[b-olcl6dsjvu] .menu-children a {
    color: inherit;
    opacity: 0.8;
}

[b-olcl6dsjvu] .menu-children a:hover {
    opacity: 1;
    text-decoration: underline;
}

[b-olcl6dsjvu] .menu-children a.active {
    color: var(--bs-primary);
    opacity: 1;
}

[b-olcl6dsjvu] .menu-item-level-1 {
    margin-bottom: 0.25rem;
}

[b-olcl6dsjvu] .menu-item-level-2 {
    margin-bottom: 0.125rem;
}

/* Footer Text-Links */
[b-olcl6dsjvu] span.text-decoration-none {
    cursor: pointer;
}

[b-olcl6dsjvu] span.text-decoration-none:hover {
    text-decoration: underline;
}

/* Sidebar Text-Links */
[b-olcl6dsjvu] span.sidebar-link {
    cursor: pointer;
}

[b-olcl6dsjvu] span.sidebar-link:hover {
    text-decoration: underline;
}
/* /Components/Pages/Frontend/Page/Content/Renderer/Plugins/MenuStyles/MegaMenuRenderer.razor.rz.scp.css */
.mega-menu[b-79gcq4q8d4] {
    width: 100%;
    left: 0;
    padding: 20px 0;
}

.mega-menu-item[b-79gcq4q8d4] {
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .mega-menu[b-79gcq4q8d4] {
        min-width: 700px;
    }
}
/* /Components/Pages/Frontend/Page/Content/Renderer/Plugins/MenuStyles/MobileHamburgerMenuRenderer.razor.rz.scp.css */
.hamburger-toggle[b-1939r0tmfx] {
    padding: 10px;
    display: inline-block;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger-box[b-1939r0tmfx] {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner[b-1939r0tmfx] {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner[b-1939r0tmfx],
.hamburger-inner[b-1939r0tmfx]::before,
.hamburger-inner[b-1939r0tmfx]::after {
    width: 30px;
    height: 3px;
    background-color: var(--bs-dark);
    border-radius: 3px;
    position: absolute;
    transition: transform 0.15s ease;
}

.hamburger-inner[b-1939r0tmfx]::before,
.hamburger-inner[b-1939r0tmfx]::after {
    content: "";
    display: block;
}

.hamburger-inner[b-1939r0tmfx]::before {
    top: -8px;
}

.hamburger-inner[b-1939r0tmfx]::after {
    bottom: -8px;
}

.hamburger-toggle.is-active .hamburger-inner[b-1939r0tmfx] {
    transform: rotate(45deg);
}

.hamburger-toggle.is-active .hamburger-inner[b-1939r0tmfx]::before {
    top: 0;
    opacity: 0;
}

.hamburger-toggle.is-active .hamburger-inner[b-1939r0tmfx]::after {
    bottom: 0;
    transform: rotate(-90deg);
}

.mobile-menu-overlay[b-1939r0tmfx] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.mobile-menu-overlay.show[b-1939r0tmfx] {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-container[b-1939r0tmfx] {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    background-color: white;
    z-index: 1041;
    transition: left 0.3s;
    overflow-y: auto;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

.mobile-menu-container.show[b-1939r0tmfx] {
    left: 0;
}

.mobile-menu-header[b-1939r0tmfx] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-menu-content[b-1939r0tmfx] {
    padding: 1rem 0;
}

.mobile-menu-list[b-1939r0tmfx] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-menu-item[b-1939r0tmfx] {
    border-bottom: 1px solid #f8f9fa;
}

.mobile-menu-link[b-1939r0tmfx] {
    display: block;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s;
}

.mobile-menu-link:hover[b-1939r0tmfx] {
    background-color: #f8f9fa;
}

.mobile-menu-link.active[b-1939r0tmfx] {
    background-color: var(--bs-primary);
    color: white;
}

.mobile-menu-toggle[b-1939r0tmfx] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
}

.mobile-menu-children[b-1939r0tmfx] {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #f8f9fa;
}

.mobile-menu-children .mobile-menu-link[b-1939r0tmfx] {
    padding-left: 2rem;
}

.mobile-menu-children .mobile-menu-children .mobile-menu-link[b-1939r0tmfx] {
    padding-left: 3rem;
}

@media (min-width: 768px) {
    .mobile-hamburger-menu[b-1939r0tmfx] {
        display: none;
    }
}
/* /Components/Pages/Frontend/Page/Content/Renderer/Plugins/MenuStyles/PillsMenuRenderer.razor.rz.scp.css */
.nav-pills .nav-link.active[b-ap90mk3oe6],
.nav-pills .show > .nav-link[b-ap90mk3oe6] {
    color: #fff;
    background-color: var(--bs-primary);
}

.nav-pills .dropdown-menu[b-ap90mk3oe6] {
    margin-top: 0;
}

.nav-pills.flex-column .dropdown-menu[b-ap90mk3oe6] {
    position: static;
    float: none;
    width: 100%;
    margin-top: 0.125rem;
    background-color: rgba(0,0,0,0.05);
    border: none;
}
/* /Components/Pages/Frontend/Page/Content/Renderer/Plugins/MenuStyles/SideDrawerMenuRenderer.razor.rz.scp.css */
.side-drawer-toggle[b-uhltjnk5xp] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
}

.side-drawer-backdrop[b-uhltjnk5xp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.side-drawer-backdrop.show[b-uhltjnk5xp] {
    opacity: 1;
    visibility: visible;
}

.side-drawer[b-uhltjnk5xp] {
    position: fixed;
    top: 0;
    left: -320px;
    width: 320px;
    height: 100%;
    background-color: #fff;
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
    z-index: 1041;
    transition: left 0.3s ease-in-out;
    overflow-y: auto;
}

.side-drawer.side-drawer-right[b-uhltjnk5xp] {
    left: auto;
    right: -320px;
    transition: right 0.3s ease-in-out;
}

.side-drawer.open[b-uhltjnk5xp] {
    left: 0;
}

.side-drawer.side-drawer-right.open[b-uhltjnk5xp] {
    right: 0;
}

.side-drawer-header[b-uhltjnk5xp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #dee2e6;
}

.side-drawer-title[b-uhltjnk5xp] {
    margin: 0;
    font-size: 1.25rem;
}

.side-drawer-close[b-uhltjnk5xp] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0;
    color: #6c757d;
}

.side-drawer-body[b-uhltjnk5xp] {
    padding: 1rem 0;
}

.side-drawer-nav[b-uhltjnk5xp] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-drawer-item[b-uhltjnk5xp] {
    margin-bottom: 0.25rem;
}

.side-drawer-link[b-uhltjnk5xp],
.side-drawer-sublink[b-uhltjnk5xp] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    color: #212529;
    transition: all 0.2s;
}

.side-drawer-link:hover[b-uhltjnk5xp],
.side-drawer-sublink:hover[b-uhltjnk5xp] {
    background-color: #f8f9fa;
    color: var(--bs-primary);
}

.side-drawer-link.active[b-uhltjnk5xp],
.side-drawer-sublink.active[b-uhltjnk5xp] {
    background-color: var(--bs-primary);
    color: white;
}

.side-drawer-icon[b-uhltjnk5xp] {
    width: 1.5rem;
    margin-right: 0.75rem;
    text-align: center;
}

.side-drawer-submenu[b-uhltjnk5xp] {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.side-drawer-submenu.show[b-uhltjnk5xp] {
    max-height: 1000px;
}

.side-drawer-sublink[b-uhltjnk5xp] {
    padding-left: 3.75rem;
}

.side-drawer-submenu-nested .side-drawer-sublink[b-uhltjnk5xp] {
    padding-left: 5.25rem;
}
/* /Components/Pages/Frontend/Page/Content/Renderer/Plugins/MenuStyles/TreeMenuRenderer.razor.rz.scp.css */
.tree-menu[b-t4hlulbmy4] {
    font-family: monospace;
}

.tree-menu-list[b-t4hlulbmy4] {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.tree-menu-item[b-t4hlulbmy4] {
    position: relative;
    padding-left: 1.5rem;
}

.tree-menu-item[b-t4hlulbmy4]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #dee2e6;
}

.tree-menu-item[b-t4hlulbmy4]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.75rem;
    width: 1rem;
    height: 1px;
    background-color: #dee2e6;
}

.tree-menu-item:last-child[b-t4hlulbmy4]::before {
    height: 0.75rem;
}

.tree-menu-toggle[b-t4hlulbmy4] {
    position: absolute;
    left: -0.5rem;
    top: 0.5rem;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.75rem;
    line-height: 1;
}

.tree-menu-link[b-t4hlulbmy4] {
    text-decoration: none;
    color: inherit;
    padding: 0.25rem 0.5rem;
    display: inline-block;
    border-radius: 0.25rem;
}

.tree-menu-link:hover[b-t4hlulbmy4] {
    background-color: rgba(0,0,0,0.05);
}

.tree-menu-link.active[b-t4hlulbmy4] {
    background-color: var(--bs-primary);
    color: white;
}

.tree-menu-children[b-t4hlulbmy4] {
    list-style: none;
    padding-left: 0;
    margin: 0;
    margin-left: 0.5rem;
}

.tree-menu-collapsed[b-t4hlulbmy4] {
    display: none;
}
/* /Components/Pages/Frontend/Page/Content/Renderer/Plugins/MenuStyles/VerticalMenuRenderer.razor.rz.scp.css */
.vertical-menu .menu-link[b-6n6mz8fhtn] {
    display: block;
    padding: 0.5rem 0;
    color: inherit;
    text-decoration: none;
    transition: all 0.2s ease;
}

.vertical-menu .menu-link:hover[b-6n6mz8fhtn] {
    color: var(--bs-primary);
    transform: translateX(5px);
}

.vertical-menu .menu-link.active[b-6n6mz8fhtn] {
    color: var(--bs-primary);
    font-weight: 600;
}

.vertical-menu .menu-item-level-0[b-6n6mz8fhtn] {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}

.vertical-menu .menu-item-level-0:last-child[b-6n6mz8fhtn] {
    border-bottom: none;
}

.vertical-menu .menu-item-level-1[b-6n6mz8fhtn] {
    margin-bottom: 0.25rem;
}

.vertical-menu .menu-item-level-2[b-6n6mz8fhtn] {
    font-size: 0.9rem;
    opacity: 0.9;
}
/* /Components/Pages/Frontend/Page/Content/Renderer/TableRenderer.razor.rz.scp.css */
.table-content[b-ztlsfw28vf] {
    margin-bottom: 2rem;
}

.table-content table[b-ztlsfw28vf] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1rem;
}

.table-content caption[b-ztlsfw28vf] {
    caption-side: top;
    padding: 0.5rem;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
    color: #333;
}

.table-content th[b-ztlsfw28vf],
.table-content td[b-ztlsfw28vf] {
    padding: 0.75rem;
    border: 1px solid #dee2e6;
}

.table-content th[b-ztlsfw28vf] {
    font-weight: bold;
    background-color: #f8f9fa;
}

.table-responsive[b-ztlsfw28vf] {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-content table.striped tbody tr:nth-of-type(odd)[b-ztlsfw28vf] {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-content table.bordered[b-ztlsfw28vf] {
    border: 1px solid #dee2e6;
}

.table-content table.bordered th[b-ztlsfw28vf],
.table-content table.bordered td[b-ztlsfw28vf] {
    border: 1px solid #dee2e6;
}

.table-content table.borderless th[b-ztlsfw28vf],
.table-content table.borderless td[b-ztlsfw28vf] {
    border: none;
}

.table-content table.hover tbody tr:hover[b-ztlsfw28vf] {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-content table.small th[b-ztlsfw28vf],
.table-content table.small td[b-ztlsfw28vf] {
    padding: 0.3rem;
    font-size: 0.875rem;
}

.table-content table.dark[b-ztlsfw28vf] {
    color: #fff;
    background-color: #343a40;
}

.table-content table.dark th[b-ztlsfw28vf] {
    background-color: #23272b;
}

.table-content table.dark th[b-ztlsfw28vf],
.table-content table.dark td[b-ztlsfw28vf] {
    border-color: #454d55;
}

.table-content table.dark.striped tbody tr:nth-of-type(odd)[b-ztlsfw28vf] {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-content table.dark.hover tbody tr:hover[b-ztlsfw28vf] {
    background-color: rgba(255, 255, 255, 0.075);
}

.table-content .text-left[b-ztlsfw28vf] {
    text-align: left;
}

.table-content .text-center[b-ztlsfw28vf] {
    text-align: center;
}

.table-content .text-right[b-ztlsfw28vf] {
    text-align: right;
}
/* /Components/Pages/Frontend/Page/Content/Renderer/TeaserCardRenderer.razor.rz.scp.css */
.teaser-card[b-o9rrm5v3v5] {
    margin: 1.5rem 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #fff;
}

.teaser-card:hover[b-o9rrm5v3v5] {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.teaser-card-inner[b-o9rrm5v3v5] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.teaser-image-container[b-o9rrm5v3v5] {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.teaser-image[b-o9rrm5v3v5] {
    width: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.teaser-content[b-o9rrm5v3v5] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.teaser-title[b-o9rrm5v3v5] {
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 0.75rem;
    color: #212529;
    font-weight: 600;
}

.teaser-description[b-o9rrm5v3v5] {
    color: #6c757d;
    margin-bottom: 1rem;
    flex-grow: 1;
}

.teaser-link[b-o9rrm5v3v5] {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background-color: #0d6efd;
    color: white;
    text-decoration: none;
    border-radius: 0.25rem;
    margin-top: auto;
    align-self: flex-start;
    transition: background-color 0.2s ease;
}

.teaser-link:hover[b-o9rrm5v3v5] {
    background-color: #0b5ed7;
}

.teaser-card-standard .teaser-image-container[b-o9rrm5v3v5] {
    height: 200px;
}

.teaser-card-compact[b-o9rrm5v3v5] {
    max-width: 320px;
}

.teaser-card-compact .teaser-image-container[b-o9rrm5v3v5] {
    height: 150px;
}

.teaser-card-compact .teaser-title[b-o9rrm5v3v5] {
    font-size: 1.1rem;
}

.teaser-card-compact .teaser-description[b-o9rrm5v3v5] {
    font-size: 0.9rem;
}

.teaser-card-hero[b-o9rrm5v3v5] {
    max-width: 100%;
}

.teaser-card-hero .teaser-image-container[b-o9rrm5v3v5] {
    height: 350px;
}

.teaser-card-hero .teaser-title[b-o9rrm5v3v5] {
    font-size: 1.5rem;
}

.teaser-card-side-image .teaser-image-container[b-o9rrm5v3v5] {
    height: 100%;
}

.teaser-card-side-image .teaser-image[b-o9rrm5v3v5] {
    height: 100%;
}

@media (max-width: 767.98px) {
    .teaser-card-side-image .teaser-image-container[b-o9rrm5v3v5] {
        height: 200px;
    }

    .teaser-card-hero .teaser-image-container[b-o9rrm5v3v5] {
        height: 250px;
    }
}
/* /Components/Pages/Frontend/Page/Content/Renderer/TextRenderer.razor.rz.scp.css */
.text-content[b-ewqxogrpqn] {
    line-height: 1.6;
}

.text-content p:last-child[b-ewqxogrpqn] {
    margin-bottom: 0;
}
/* /Components/Shared/DebugInfoPanel.razor.rz.scp.css */
.content-debug-info[b-9jkj083jt3] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.content-debug-info.child-element[b-9jkj083jt3] {
    margin-left: 1rem;
    border-left: 3px solid #6c757d;
}

.debug-header[b-9jkj083jt3] {
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.debug-header-info[b-9jkj083jt3] {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 1;
}

.debug-toggle-icon[b-9jkj083jt3] {
    display: inline-block;
    width: 16px;
    text-align: center;
}

.debug-type[b-9jkj083jt3] {
    font-weight: bold;
    color: #005CA0;
}

.debug-id[b-9jkj083jt3] {
    color: #6c757d;
}

.debug-name[b-9jkj083jt3] {
    color: #333;
    font-style: italic;
}

.debug-summary[b-9jkj083jt3] {
    margin-left: auto;
    display: flex;
    gap: 0.5rem;
}

.debug-pill[b-9jkj083jt3] {
    background-color: #e9ecef;
    border-radius: 0.25rem;
    padding: 0.125rem 0.375rem;
    font-size: 0.75rem;
}

.debug-details[b-9jkj083jt3] {
    border-top: 1px solid #dee2e6;
    padding: 0.5rem;
    background-color: #fff;
}

.debug-row[b-9jkj083jt3] {
    margin-bottom: 0.25rem;
    display: flex;
}

.debug-label[b-9jkj083jt3] {
    font-weight: bold;
    min-width: 120px;
}
/* /Components/Shared/Dialogs/FileSelectorDialog.razor.rz.scp.css */
.file-selector-dialog-content[b-pck5meikox] {
    max-height: 60vh;
    overflow-y: auto;
}

.directory-tree[b-pck5meikox] {
    border-right: 1px solid #dee2e6;
    max-height: 50vh;
    overflow-y: auto;
}

.directory-item[b-pck5meikox] {
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    user-select: none;
}

.directory-item:hover[b-pck5meikox] {
    background-color: #f8f9fa;
}

.directory-item.selected[b-pck5meikox] {
    background-color: #e9ecef;
    font-weight: bold;
}

.file-list[b-pck5meikox] {
    max-height: 50vh;
    overflow-y: auto;
}

.file-item[b-pck5meikox] {
    cursor: pointer;
    padding: 0.5rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    margin-bottom: 0.25rem;
}

.file-item:hover[b-pck5meikox] {
    background-color: #f8f9fa;
    border-color: #dee2e6;
}

.file-item.selected[b-pck5meikox] {
    background-color: #0d6efd;
    color: white;
}

.file-icon[b-pck5meikox] {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}
/* /Components/Shared/Footer/FooterLayout1ModernGradient.razor.rz.scp.css */
.footer-layout-1[b-feclcc5lex] {
    background: linear-gradient(135deg, var(--fl-bg-1, #1a1a2e) 0%, var(--fl-bg-2, #16213e) 100%);
    color: #ffffff;
    margin-top: 60px;
}

[b-feclcc5lex] .footer-content {
    padding: 40px 0 20px;
}

[b-feclcc5lex] .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 20px 0;
}

[b-feclcc5lex] .footer-bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

[b-feclcc5lex] .footer-bottom-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
}

[b-feclcc5lex] .footer-links {
    margin-left: auto;
}

[b-feclcc5lex] .footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s;
}

[b-feclcc5lex] .footer-links a:hover {
    color: #ffffff;
    text-decoration: underline;
}

@media (max-width: 768px) {
    [b-feclcc5lex] .footer-bottom-content {
        flex-direction: column;
        text-align: center;
    }

    [b-feclcc5lex] .footer-links {
        margin-left: 0;
    }
}
/* /Components/Shared/Footer/FooterLayout2MinimalClean.razor.rz.scp.css */
.footer-layout-2[b-5j0ynqjomk] {
    background-color: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

[b-5j0ynqjomk] .footer-logo {
    max-height: 50px;
    opacity: 0.8;
}

[b-5j0ynqjomk] a {
    text-decoration: none;
}

[b-5j0ynqjomk] a:hover {
    text-decoration: underline;
}

[b-5j0ynqjomk] .social-links-minimal {
    display: flex;
    justify-content: center;
    gap: 20px;
}

[b-5j0ynqjomk] .social-link-minimal {
    font-size: 1.2rem;
    color: #adb5bd;
    transition: all 0.2s ease;
}

[b-5j0ynqjomk] .social-link-minimal:hover {
    color: var(--fl-primary1);
    transform: translateY(-2px);
}
/* /Components/Shared/Footer/FooterLayout3CorporateProfessional.razor.rz.scp.css */
.footer-layout-3[b-jffymvmnyc] {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* Top Section */
[b-jffymvmnyc] .footer-top {
    background-color: var(--fl-primary1);
    color: #fff;
}

[b-jffymvmnyc] .newsletter-title {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

[b-jffymvmnyc] .newsletter-text {
    margin-bottom: 0;
    opacity: 0.9;
}

[b-jffymvmnyc] .quick-contacts {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

[b-jffymvmnyc] .quick-contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    font-size: 0.95rem;
    transition: opacity 0.2s;
}

[b-jffymvmnyc] .quick-contact-item:hover {
    opacity: 0.8;
    color: #fff;
}

/* Main Content */
[b-jffymvmnyc] .company-logo {
    max-height: 50px;
    margin-bottom: 1rem;
}

[b-jffymvmnyc] .company-name {
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 0.5rem;
    color: var(--fl-primary1);
}

[b-jffymvmnyc] .company-subtitle {
    font-size: 1.1rem;
    color: #888;
    margin-bottom: 1rem;
    font-weight: 400;
}

[b-jffymvmnyc] .company-description {
    line-height: 1.6;
    margin-bottom: 1.5rem;
    color: #b0b0b0;
}

[b-jffymvmnyc] .certifications {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

[b-jffymvmnyc] .certification-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    font-size: 0.85rem;
    color: var(--fl-accent);
}

[b-jffymvmnyc] .section-heading {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[b-jffymvmnyc] .corporate-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

[b-jffymvmnyc] .corporate-links li {
    margin-bottom: 10px;
}

[b-jffymvmnyc] .corporate-link {
    text-decoration: none;
    font-size: 0.95rem;
}

[b-jffymvmnyc] .corporate-link:hover {
    text-decoration: underline;
}

[b-jffymvmnyc] .info-block {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

[b-jffymvmnyc] .info-block i {
    color: var(--fl-accent);
    font-size: 1.2rem;
    margin-top: 3px;
}

[b-jffymvmnyc] .info-block strong {
    display: block;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #888;
    margin-bottom: 5px;
}

[b-jffymvmnyc] .info-block p {
    margin: 0;
    color: #e0e0e0;
}

[b-jffymvmnyc] .office-address {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

[b-jffymvmnyc] .office-address i {
    color: var(--fl-accent);
    font-size: 1.2rem;
    margin-top: 3px;
}

[b-jffymvmnyc] .office-address p {
    margin: 0 0 5px 0;
    color: #e0e0e0;
}

[b-jffymvmnyc] .contact-detail {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    color: #b0b0b0;
    font-size: 0.95rem;
}

[b-jffymvmnyc] .contact-detail i {
    color: var(--fl-accent);
}

[b-jffymvmnyc] .professional-social {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

[b-jffymvmnyc] .prof-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: #b0b0b0;
    transition: all 0.2s;
}

[b-jffymvmnyc] .prof-social-link:hover {
    background: var(--fl-primary1);
    color: #fff;
    border-color: var(--fl-primary1);
}

/* Bottom Bar */
.footer-bottom[b-jffymvmnyc] {
    background-color: #0d0d0d;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

[b-jffymvmnyc] .copyright-text {
    color: #888;
    font-size: 0.9rem;
}

[b-jffymvmnyc] .bottom-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    flex-wrap: wrap;
}

[b-jffymvmnyc] .bottom-link-item {
    display: inline;
}

[b-jffymvmnyc] .bottom-link {
    text-decoration: none;
    font-size: 0.9rem;
}

[b-jffymvmnyc] .bottom-link:hover {
    text-decoration: underline;
}
/* /Components/Shared/Footer/FooterLayout4TwoTier.razor.rz.scp.css */
/* ===== TwoTier Footer ===== */

/* --- Footer-Menü (oben) --- */
.footer-menu-area[b-kw2t0721vy] {
    background: var(--fl-menu-bg, #4b555d);
    color: var(--fl-menu-color, #fff);
    padding: clamp(1.5rem, 3vw, 2.8rem) 0;
}

/* Menü-Spalten */
[b-kw2t0721vy] .footer-nav .row {
    gap: clamp(1.5rem, 3vw, 2.6rem) 0;
}

/* Spalten-Überschriften */
[b-kw2t0721vy] .footer-nav .menu-header {
    font-weight: 800;
    font-size: 1.125rem;
    color: var(--fl-menu-color, #fff);
    margin-bottom: 1rem;
    text-decoration: none;
    display: block;
}

[b-kw2t0721vy] .footer-nav .menu-header:hover {
    text-decoration: underline;
}

/* Keine Einrueckung bei Untermenue-Eintraegen (Renderer setzt inline padding-left) */
[b-kw2t0721vy] .footer-nav .menu-children {
    padding-left: 0;
}

[b-kw2t0721vy] .footer-nav li[class^="menu-item-level"] {
    padding-left: 0 !important;
    margin-bottom: 0;
}

/* Links im Footer-Menü */
[b-kw2t0721vy] .footer-nav .menu-children a {
    color: var(--fl-menu-color, #fff);
    opacity: 0.8;
    font-size: 0.875rem;
    text-decoration: none;
    display: block;
    padding: 0.2rem 0;
    transition: opacity 0.2s;
}

[b-kw2t0721vy] .footer-nav .menu-children a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* --- Trennlinie (Farbwechsel erzeugt optische Trennung) --- */
.footer-divider[b-kw2t0721vy] {
    display: none;
}

/* --- Bottom-Bar (unten, hell) --- */
.footer-bottom-bar[b-kw2t0721vy] {
    background: var(--fl-bottom-bg, #fff);
    color: var(--fl-bottom-color, #4b555d);
    padding: 1.25rem 0;
}

.bottom-bar-content[b-kw2t0721vy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.copyright[b-kw2t0721vy] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--fl-bottom-color, #4b555d);
}

/* Bottom-Bar Links */
[b-kw2t0721vy] .bottom-bar-links .row {
    display: flex;
    flex-direction: row;
    gap: 0;
}

[b-kw2t0721vy] .bottom-bar-links .col {
    flex: none;
    width: auto;
}

[b-kw2t0721vy] .bottom-bar-links .menu-header {
    font-weight: 400;
    font-size: 0.75rem;
    color: var(--fl-bottom-color, #4b555d);
    text-decoration: none;
    margin: 0;
    padding: 0 0.75rem;
    border-right: 1px solid rgba(0,0,0,0.15);
}

[b-kw2t0721vy] .bottom-bar-links .col:last-child .menu-header {
    border-right: none;
    padding-right: 0;
}

[b-kw2t0721vy] .bottom-bar-links .col:first-child .menu-header {
    padding-left: 0;
}

[b-kw2t0721vy] .bottom-bar-links .menu-header:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Kinder im Bottom-Bar verstecken (nur Hauptpunkte) */
[b-kw2t0721vy] .bottom-bar-links .menu-children {
    display: none;
}

/* === Responsive === */
@media (max-width: 768px) {
    .bottom-bar-content[b-kw2t0721vy] {
        flex-direction: column;
        text-align: center;
    }

    [b-kw2t0721vy] .bottom-bar-links .row {
        justify-content: center;
        flex-wrap: wrap;
    }
}
/* /Components/Shared/Header/BackendFrontendSwitch.razor.rz.scp.css */
.icon-btn[b-m0rojuaztw] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid transparent;
    background: rgba(0, 0, 0, 0.05);
    color: var(--bs-body-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}

.icon-btn:hover[b-m0rojuaztw] {
    background: var(--bs-primary);
    color: #fff;
    transform: translateY(-2px);
}

.minimal-btn[b-m0rojuaztw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: var(--bs-body-color);
    text-decoration: none;
    transition: all 0.2s;
}

.minimal-btn:hover[b-m0rojuaztw] {
    background: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary);
}

.action-btn[b-m0rojuaztw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s;
    border: 2px solid transparent;
}

.backend-btn[b-m0rojuaztw] {
    background: var(--bs-primary);
    color: #fff;
}

.backend-btn:hover[b-m0rojuaztw] {
    background: var(--bs-primary);
    filter: brightness(0.9);
    transform: translateY(-1px);
}

.frontend-btn[b-m0rojuaztw] {
    color: var(--bs-body-color);
    border-color: #e0e0e0;
}

.frontend-btn:hover[b-m0rojuaztw] {
    background: #f5f5f5;
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

/* Toggle Switch */
.backend-frontend-toggle[b-m0rojuaztw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.switch[b-m0rojuaztw] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.switch input[b-m0rojuaztw] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-m0rojuaztw] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.slider[b-m0rojuaztw]:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
}

input:checked + .slider[b-m0rojuaztw] {
    background-color: var(--bs-primary);
}

input:checked + .slider[b-m0rojuaztw]:before {
    transform: translateX(26px);
}

.slider.round[b-m0rojuaztw] {
    border-radius: 24px;
}

.slider.round[b-m0rojuaztw]:before {
    border-radius: 50%;
}

.toggle-label[b-m0rojuaztw] {
    font-size: 0.875rem;
    font-weight: 500;
}
/* /Components/Shared/Header/HeaderLayout1Standard.razor.rz.scp.css */
/* Dropdown bei Hover oeffnen - nur innerhalb von .hover-dropdown-nav */
.hover-dropdown-nav[b-ax1advnblf]  .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
}

.hover-dropdown-nav[b-ax1advnblf]  .dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
}
/* /Components/Shared/Header/HeaderLayout2Minimal.razor.rz.scp.css */
.header-layout-2[b-xyjojcmlhp] {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem 0;
    margin-bottom: 1.5rem;
}

.header-content[b-xyjojcmlhp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.logo-link[b-xyjojcmlhp] {
    text-decoration: none;
    flex-shrink: 0;
}

[b-xyjojcmlhp] .logo-text {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--hl-primary1);
}

.main-nav[b-xyjojcmlhp] {
    flex: 1;
    display: flex;
    justify-content: center;
}

.nav-list[b-xyjojcmlhp] {
    display: flex;
    gap: 2rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-link-minimal[b-xyjojcmlhp] {
    text-decoration: none;
    font-weight: 500;
}

.nav-link-minimal:hover[b-xyjojcmlhp],
.nav-link-minimal.active[b-xyjojcmlhp] {
    text-decoration: underline;
}

/* MenuPlugin Styles fuer Minimal Layout */
[b-xyjojcmlhp] .main-nav .horizontal-menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 2rem;
}

[b-xyjojcmlhp] .main-nav .menu-item {
    margin: 0;
}

[b-xyjojcmlhp] .main-nav .menu-link {
    text-decoration: none;
    font-weight: 500;
    padding: 0.5rem 0;
    font-size: 1rem;
}

[b-xyjojcmlhp] .main-nav .menu-link:hover,
[b-xyjojcmlhp] .main-nav .menu-link.active {
    text-decoration: underline;
}

/* Verstecke Untermenues im minimal Header */
[b-xyjojcmlhp] .main-nav .menu-children {
    display: none;
}

/* Verstecke Icons und Badges im minimal Header */
[b-xyjojcmlhp] .main-nav .menu-icon,
[b-xyjojcmlhp] .main-nav .menu-badge {
    display: none;
}

.header-actions[b-xyjojcmlhp] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

[b-xyjojcmlhp] .minimal-select {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.875rem;
    cursor: pointer;
}

[b-xyjojcmlhp] .minimal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: var(--hl-primary2);
    text-decoration: none;
    transition: all 0.2s;
}

[b-xyjojcmlhp] .minimal-btn:hover {
    background: var(--hl-primary3);
    color: #fff;
    border-color: var(--hl-primary3);
}

[b-xyjojcmlhp] .user-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    background: #fff;
    color: var(--hl-primary2);
    cursor: pointer;
    transition: all 0.2s;
}

[b-xyjojcmlhp] .user-btn:hover {
    background: #f5f5f5;
}

[b-xyjojcmlhp] .user-btn.impersonating {
    background: #fff3cd;
    border-color: #ffc107;
    color: #856404;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .main-nav[b-xyjojcmlhp] {
        display: none;
    }

    .header-content[b-xyjojcmlhp] {
        gap: 1rem;
    }
}
/* /Components/Shared/Header/HeaderLayout3Modern.razor.rz.scp.css */
/* Dropdown bei Hover oeffnen - nur innerhalb von .hover-dropdown-nav */
.hover-dropdown-nav[b-y319vcecrd]  .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
}

.hover-dropdown-nav[b-y319vcecrd]  .dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
}

.header-layout-3[b-y319vcecrd] {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

/* Top Bar */
.header-top[b-y319vcecrd] {
    background: var(--hl-primary1);
    color: #fff;
    font-size: 0.875rem;
    padding: 0.5rem 0;
}

.top-bar[b-y319vcecrd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-right[b-y319vcecrd] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.lang-selector[b-y319vcecrd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.lang-select[b-y319vcecrd] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 0.875rem;
    cursor: pointer;
}

.lang-select option[b-y319vcecrd] {
    background: var(--hl-primary1);
}

.user-info[b-y319vcecrd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Main Navigation */
.header-main[b-y319vcecrd] {
    padding: 1rem 0;
}

.nav-wrapper[b-y319vcecrd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

[b-y319vcecrd] .logo-section .logo {
    text-decoration: none;
}

.logo-placeholder[b-y319vcecrd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.logo-icon[b-y319vcecrd] {
    width: 48px;
    height: 48px;
    background: var(--hl-primary3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.5rem;
    font-weight: bold;
}

.logo-name[b-y319vcecrd] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--hl-primary1);
}

.main-navigation[b-y319vcecrd] {
    flex: 1;
}

[b-y319vcecrd] .modern-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 2.5rem;
}

[b-y319vcecrd] .modern-nav-link {
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
    position: relative;
    padding: 0.5rem 0;
}

[b-y319vcecrd] .modern-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: currentColor;
    transition: width 0.3s;
}

[b-y319vcecrd] .modern-nav-link:hover,
[b-y319vcecrd] .modern-nav-link.active {
    text-decoration: none;
}

[b-y319vcecrd] .modern-nav-link:hover::after,
[b-y319vcecrd] .modern-nav-link.active::after {
    width: 100%;
}

/* Action Buttons */
.action-buttons[b-y319vcecrd] {
    display: flex;
    gap: 1rem;
}

[b-y319vcecrd] .action-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s;
    border: 2px solid transparent;
}

[b-y319vcecrd] .action-btn i {
    font-size: 1.1rem;
}

[b-y319vcecrd] .backend-btn {
    background: var(--hl-primary3);
    color: #fff;
}

[b-y319vcecrd] .frontend-btn,
[b-y319vcecrd] .logout-btn {
    color: var(--hl-primary1);
    border-color: #e0e0e0;
}

[b-y319vcecrd] .frontend-btn:hover,
[b-y319vcecrd] .logout-btn:hover {
    background: #f5f5f5;
    border-color: var(--hl-primary3);
    color: var(--hl-primary3);
}

/* Mobile Toggle */
.mobile-toggle[b-y319vcecrd] {
    display: none;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
}

.mobile-toggle span[b-y319vcecrd] {
    width: 24px;
    height: 3px;
    background: var(--hl-primary1);
    transition: all 0.3s;
}

/* Mobile Responsive */
@media (max-width: 992px) {
    .main-navigation[b-y319vcecrd] {
        display: none;
    }

    .mobile-toggle[b-y319vcecrd] {
        display: flex;
    }

    .action-buttons span[b-y319vcecrd] {
        display: none;
    }
}

@media (max-width: 576px) {
    .header-top[b-y319vcecrd] {
        display: none;
    }

    .nav-wrapper[b-y319vcecrd] {
        gap: 1rem;
    }
}
/* /Components/Shared/Header/HeaderLayout4TwoTier.razor.rz.scp.css */
/* ===== TwoTier Header ===== */
.header-layout-4[b-0i8lw7lm0c] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-bottom: 0;
}

/* --- Header-Main (untere Zeile) --- */
.header-main-nav[b-0i8lw7lm0c] {
    background: var(--hl-main-bg, #fff) !important;
    color: var(--hl-main-color, #1f2226);
    border-bottom: 1px solid rgba(0,0,0,0.08);
    margin-bottom: 0;
}

/* --- TopBar (obere Zeile) --- */
.header-quickbar[b-0i8lw7lm0c] {
    background: var(--hl-topbar-bg, #f6f8fa);
    color: var(--hl-topbar-color, #4b555d);
    font-size: 0.8125rem;
    padding: 0.375rem 0;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.quickbar-inner[b-0i8lw7lm0c] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.5rem;
}

.quickbar-right[b-0i8lw7lm0c] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Selektoren in der TopBar */
[b-0i8lw7lm0c] .quickbar-selector select,
[b-0i8lw7lm0c] .quickbar-selector .minimal-select {
    background: transparent;
    border: 1px solid rgba(0,0,0,0.15);
    color: var(--hl-topbar-color, #4b555d);
    font-size: 0.8125rem;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
}

[b-0i8lw7lm0c] .quickbar-selector select option {
    background: var(--hl-topbar-bg, #f6f8fa);
    color: var(--hl-topbar-color, #4b555d);
}

/* Sprach-Dropdown in der TopBar */
[b-0i8lw7lm0c] .quickbar-lang .language-dropdown-icon button {
    background: transparent;
    border: 1px solid rgba(0,0,0,0.15);
    color: var(--hl-topbar-color, #4b555d);
    font-size: 0.8125rem;
    padding: 0.2rem 0.625rem;
    border-radius: 3px;
}

[b-0i8lw7lm0c] .quickbar-lang .language-dropdown-icon button:hover {
    border-color: rgba(0,0,0,0.3);
    background: rgba(0,0,0,0.03);
}

/* TopBar-Menue */
[b-0i8lw7lm0c] .quickbar-left a {
    color: var(--hl-topbar-color, #4b555d);
    text-decoration: none;
    font-size: 0.8125rem;
    white-space: nowrap;
}

[b-0i8lw7lm0c] .quickbar-left a:hover {
    color: var(--hl-main-color, #1f2226);
    text-decoration: underline;
}

/* --- Hauptnavigation: Unterstrich-Animation --- */
[b-0i8lw7lm0c] .navbar-nav {
    gap: 2rem;
}

[b-0i8lw7lm0c] .nav-link {
    color: var(--hl-main-color, #1f2226);
    font-weight: 700;
    font-size: 1rem;
    position: relative;
    text-decoration: none !important;
    padding-bottom: 0.5rem;
    background: none;
    border: none;
    border-bottom: none !important;
}

/*
 * Animierter Unterstrich mit ::before
 * - Default: kein Strich, transform-origin: right (damit fade-out nach rechts geht)
 * - Hover rein: Akzentfarbe, scaleX 0->1, transform-origin: left (waechst von links)
 * - Hover raus: dunkel, scaleX 1->0, transform-origin: right (verschwindet nach rechts)
 */
[b-0i8lw7lm0c] .nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--hl-main-color, #1f2226);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .4s cubic-bezier(.51,.18,0,.88);
}

[b-0i8lw7lm0c] .nav-link:hover::before {
    background: var(--hl-primary1, #0099cc);
    transform: scaleX(1);
    transform-origin: left;
    transition: transform .2s cubic-bezier(.29,.18,.26,.83);
}

/* Active-State: Akzentfarbe dauerhaft */
[b-0i8lw7lm0c] .nav-link.active::before {
    background: var(--hl-primary1, #0099cc);
    transform: scaleX(1);
    transform-origin: left;
}

/* Dropdown-Pfeil im Hauptmenue entfernen */
[b-0i8lw7lm0c] .nav-link.dropdown-toggle::after {
    display: none;
}

/* Submenu-Pfeil: SVG-Chevron */
[b-0i8lw7lm0c] .dropdown-item.dropdown-toggle::after {
    content: '';
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    margin-left: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6C0 6.208 0.079 6.408 0.22 6.555C0.36 6.703 0.551 6.786 0.75 6.786L9.438 6.786L6.218 10.157C6.149 10.23 6.093 10.317 6.056 10.412C6.018 10.508 5.998 10.61 5.998 10.713C5.998 10.817 6.018 10.919 6.056 11.014C6.093 11.11 6.149 11.197 6.218 11.27C6.288 11.343 6.371 11.401 6.462 11.44C6.553 11.48 6.651 11.5 6.749 11.5C6.848 11.5 6.945 11.48 7.037 11.44C7.128 11.401 7.21 11.343 7.28 11.27L11.78 6.556C11.85 6.483 11.905 6.397 11.943 6.301C11.98 6.206 12 6.103 12 6C12 5.897 11.98 5.794 11.943 5.699C11.905 5.603 11.85 5.517 11.78 5.444L7.28 0.73C7.139 0.583 6.948 0.5 6.749 0.5C6.55 0.5 6.359 0.583 6.218 0.73C6.077 0.878 5.998 1.078 5.998 1.287C5.998 1.495 6.077 1.695 6.218 1.843L9.438 5.214L0.75 5.214C0.551 5.214 0.36 5.297 0.22 5.445C0.079 5.592 0 5.792 0 6Z' fill='%230099CC'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    vertical-align: middle;
    transition: transform .4s cubic-bezier(.51,.18,0,.88) .1s;
}

[b-0i8lw7lm0c] .dropdown-item.dropdown-toggle:hover::after {
    transform: translateX(50%);
    transition: transform .4s cubic-bezier(.51,.18,0,.88) .1s;
}

/* Submenu-Items Styling */
[b-0i8lw7lm0c] .dropdown-item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0.5rem 1rem;
}

[b-0i8lw7lm0c] .dropdown-item:hover {
    background-color: #f6f8fa;
}

/* Dropdown-Menue Styling */
[b-0i8lw7lm0c] .dropdown-menu {
    border: none;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
    border-radius: 0;
    margin-top: 0;
    padding: 0.5rem 0;
}

/* === Responsive === */
@media (max-width: 576px) {
    .header-quickbar[b-0i8lw7lm0c] {
        display: none;
    }
}
/* /Components/Shared/Header/LanguageSelector.razor.rz.scp.css */
.language-dropdown-icon button[b-y36rbbvim2] {
    background: transparent;
    border: 1px solid #dee2e6;
    padding: 0.25rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.language-pills[b-y36rbbvim2] {
    display: flex;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 2px;
}

.lang-pill[b-y36rbbvim2] {
    background: none;
    border: none;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
    border-radius: 18px;
    transition: all 0.3s;
}

.lang-pill.active[b-y36rbbvim2] {
    background: var(--bs-primary);
    color: #fff;
}

.minimal-select[b-y36rbbvim2] {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.875rem;
    cursor: pointer;
}
/* /Components/Shared/Header/UserMenu.razor.rz.scp.css */
/* Icon Button Style */
.icon-btn[b-khoy3ystth] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid transparent;
    background: rgba(0, 0, 0, 0.05);
    color: var(--bs-body-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

.icon-btn:hover[b-khoy3ystth] {
    background: var(--bs-primary);
    color: #fff;
}

.icon-btn.impersonating[b-khoy3ystth] {
    border-color: #ffc107;
    background: #fff3cd;
}

/* Minimal Style */
.user-btn[b-khoy3ystth] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    background: #fff;
    color: var(--bs-body-color);
    cursor: pointer;
    transition: all 0.2s;
}

.user-btn:hover[b-khoy3ystth] {
    background: #f5f5f5;
}

.user-btn.impersonating[b-khoy3ystth] {
    background: #fff3cd;
    border-color: #ffc107;
    color: #856404;
}

/* Modern Style */
.modern-user-btn[b-khoy3ystth] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.modern-user-btn:hover[b-khoy3ystth] {
    background: #e9ecef;
}

.modern-user-btn.impersonating[b-khoy3ystth] {
    background: #fff3cd;
    border-color: #ffc107;
}

/* Avatar Style */
.avatar-trigger[b-khoy3ystth] {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.avatar[b-khoy3ystth] {
    width: 40px;
    height: 40px;
    background: var(--bs-primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1.125rem;
    transition: all 0.2s;
}

.avatar-trigger:hover .avatar[b-khoy3ystth] {
    transform: scale(1.05);
}

.avatar-trigger.impersonating .avatar[b-khoy3ystth] {
    background: #ffc107;
    color: #000;
}

/* Impersonate Indicator */
.impersonate-indicator[b-khoy3ystth] {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    background: #ffc107;
    border-radius: 50%;
    border: 2px solid #fff;
}

/* Dropdown Menu Styles (im Child-Component UserMenuDropdown — ::deep) */
[b-khoy3ystth] .dropdown-menu {
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-radius: 12px;
    padding: 0.5rem;
    min-width: 250px;
}

[b-khoy3ystth] .user-info-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
}

[b-khoy3ystth] .user-info-header i {
    font-size: 2rem;
    color: var(--bs-primary);
}

[b-khoy3ystth] .dropdown-item {
    border-radius: 8px;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    transition: all 0.2s;
}

[b-khoy3ystth] .dropdown-item:hover {
    background: #f8f9fa;
}

[b-khoy3ystth] .dropdown-item i {
    font-size: 1.1rem;
}

[b-khoy3ystth] .switch-back-link {
    cursor: pointer;
}
/* /Components/Shared/ImageGallery.razor.rz.scp.css */
.gallery-component[b-olbp80mkd6] {
    margin-bottom: 1rem;
}

.gallery-container[b-olbp80mkd6] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.gallery-item[b-olbp80mkd6] {
    position: relative;
    width: 150px;
    height: 150px;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    overflow: hidden;
}

.gallery-item img[b-olbp80mkd6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.gallery-item:hover img[b-olbp80mkd6] {
    transform: scale(1.05);
}

.gallery-remove[b-olbp80mkd6] {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #dc3545;
    z-index: 10;
}

.gallery-add[b-olbp80mkd6] {
    width: 150px;
    height: 150px;
    border: 2px dashed #ced4da;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #6c757d;
    font-size: 24px;
    transition: all 0.3s ease;
}

.gallery-add:hover[b-olbp80mkd6] {
    border-color: #0d6efd;
    color: #0d6efd;
    background-color: rgba(13, 110, 253, 0.05);
}
/* /Components/Shared/ImageUploader.razor.rz.scp.css */
.image-uploader[b-fdros7n2c4] {
    margin-bottom: 1rem;
}

.image-uploader .image-preview[b-fdros7n2c4] {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    background-color: #f8f9fa;
}

.image-uploader .image-preview img[b-fdros7n2c4] {
    max-width: 100%;
    max-height: 300px;
    display: block;
    margin: 0 auto;
}
/* /Components/Shared/Layout/HeadingStatic.razor.rz.scp.css */
/* Heading Styles */
.heading[b-1z13y8vp2m] {
    margin-bottom: 1.5rem;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
}

h1.heading[b-1z13y8vp2m] {
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

h2.heading[b-1z13y8vp2m] {
    font-size: 2rem;
    margin-bottom: 1.75rem;
}

h3.heading[b-1z13y8vp2m] {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}

h4.heading[b-1z13y8vp2m] {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
}

h5.heading[b-1z13y8vp2m] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
/* /Components/Shared/UrlParameterDisplay.razor.rz.scp.css */
.url-parameter-display[b-d0l84688yj] {
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    padding: 10px 15px;
    font-size: 0.85rem;
}

.url-parameter-title[b-d0l84688yj] {
    font-weight: bold;
    margin-bottom: 5px;
}

.url-parameter-list[b-d0l84688yj] {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.param-key[b-d0l84688yj] {
    font-weight: bold;
}