/* /Components/Admin/Dashboard/DashboardStats.razor.rz.scp.css */
.dashboard-stats[b-u9rr3fkftm] {
    width: 100%;
}

.stats-grid[b-u9rr3fkftm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: 1rem;
}

@media (max-width: 1200px) {
    .stats-grid[b-u9rr3fkftm] {
        grid-template-columns: repeat(3, minmax(220px, 1fr));
    }
}

@media (max-width: 992px) {
    .stats-grid[b-u9rr3fkftm] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 576px) {
    .stats-grid[b-u9rr3fkftm] {
        grid-template-columns: 1fr;
    }
}

.stat-card[b-u9rr3fkftm] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .75rem;
    padding: 1rem 1.25rem;
    border-radius: 14px;
    color: #0b1324;
    text-decoration: none;
    background: radial-gradient(1200px 200px at -10% -40%, rgba(59,130,246,.12), transparent 60%), radial-gradient(800px 200px at 110% 120%, rgba(16,185,129,.12), transparent 60%), linear-gradient(180deg, #ffffff, #fbfbfd);
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 8px 20px rgba(2, 6, 23, .06), inset 0 1px 0 rgba(255,255,255,.6);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

    .stat-card:hover[b-u9rr3fkftm], .stat-card:focus-visible[b-u9rr3fkftm] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(2, 6, 23, .10), inset 0 1px 0 rgba(255,255,255,.7);
        border-color: rgba(59,130,246,.25);
        outline: none;
    }

.stat-top[b-u9rr3fkftm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.stat-text[b-u9rr3fkftm] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}

.stat-title[b-u9rr3fkftm] {
    font-size: .95rem;
    font-weight: 600;
    color: #334155;
    letter-spacing: .2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-value[b-u9rr3fkftm] {
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 700;
    color: #0f172a;
    text-shadow: 0 1px 0 rgba(255,255,255,.6);
}

.stat-icon[b-u9rr3fkftm] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 1.35rem;
    background: linear-gradient(135deg, rgba(59,130,246,.12), rgba(16,185,129,.12));
    border: 1px solid rgba(15,23,42,.06);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}

.stat-footer[b-u9rr3fkftm] {
    font-size: .85rem;
    color: #64748b;
}
/* /Components/Admin/Dashboard/MailDetailDialog.razor.rz.scp.css */
.mail-detail-dialog[b-hf52whvwse] {
    max-height: 80vh;
    overflow-y: auto;
}

.mail-detail-dialog .mail-header[b-hf52whvwse] {
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 1rem;
}

.mail-detail-dialog .mail-actions[b-hf52whvwse] {
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    padding: 0.75rem 0;
}

.mail-detail-dialog .mail-body[b-hf52whvwse] {
    padding: 1rem 0;
}

.mail-detail-dialog .reply-form[b-hf52whvwse] {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}

.mail-detail-dialog .attachments[b-hf52whvwse] {
    margin-top: 1rem;
}

.mail-detail-dialog .text-body[b-hf52whvwse] {
    max-height: 500px;
    overflow-y: auto;
}
/* /Components/Admin/Dashboard/MailOverview.razor.rz.scp.css */
.mail-overview .badge.border[b-3l02nsjk4j] {
    border: 1px solid rgba(2, 132, 199, .25) !important;
}

.mail-overview .preview[b-3l02nsjk4j] {
    white-space: normal;
    overflow-wrap: anywhere; /* bricht sehr lange Wörter/URLs */
    word-break: break-word; /* Fallback für ältere Browser */
}

.mail-overview .mail-item[b-3l02nsjk4j] {
    transition: background-color 0.2s ease;
}

.mail-overview .mail-item:hover[b-3l02nsjk4j] {
    background-color: #f8f9fa;
}

.mail-overview .cursor-pointer[b-3l02nsjk4j] {
    cursor: pointer;
}

@media (max-width: 576px) {
    .mail-overview .text-truncate[b-3l02nsjk4j] {
        max-width: 160px;
    }
}
/* /Components/Admin/Dashboard/OpenRequestsList.razor.rz.scp.css */
.open-requests-list .badge.border[b-w053vlm2sc] {
    border: 1px solid rgba(2, 132, 199, .25) !important;
}

@media (max-width: 576px) {
    .open-requests-list .text-truncate[b-w053vlm2sc] {
        max-width: 160px;
    }
}
/* /Components/Admin/Dashboard/UpcomingEventsBox.razor.rz.scp.css */
.upcoming-events-box .badge.border[b-o6uczyhf75] {
    border: 1px solid rgba(2, 132, 199, .25) !important;
}

@media (max-width: 576px) {
    .upcoming-events-box .text-truncate[b-o6uczyhf75] {
        max-width: 160px;
    }
}
/* /Components/Blog/BlogEntryPage.razor.rz.scp.css */
.blog-post-main-title[b-3w446lixg6] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.blog-post-meta-main[b-3w446lixg6] {
    color: #6c757d;
    font-size: 0.95rem;
}

.blog-post-meta-main i[b-3w446lixg6] {
    margin-right: 0.5rem;
}

.blog-post-tags a[b-3w446lixg6] {
    padding: 0.375rem 0.75rem;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.2s;
}

.blog-post-tags a:hover[b-3w446lixg6] {
    background: var(--bs-primary);
    color: white !important;
    border-color: var(--bs-primary);
}

.blog-post-body[b-3w446lixg6] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
}

.blog-post-body img[b-3w446lixg6] {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1.5rem 0;
}

.blog-post-body h2[b-3w446lixg6],
.blog-post-body h3[b-3w446lixg6],
.blog-post-body h4[b-3w446lixg6] {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.blog-post-body p[b-3w446lixg6] {
    margin-bottom: 1.5rem;
}

.blog-post-body blockquote[b-3w446lixg6] {
    border-left: 4px solid var(--bs-primary);
    padding-left: 1.5rem;
    margin: 2rem 0;
    font-style: italic;
    color: #666;
}

.blog-post-body ul[b-3w446lixg6],
.blog-post-body ol[b-3w446lixg6] {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
}

.blog-post-body li[b-3w446lixg6] {
    margin-bottom: 0.5rem;
}

.related-posts[b-3w446lixg6] {
    background: #f8f9fa;
    padding: 2rem;
    border-radius: 8px;
}

.related-post-card[b-3w446lixg6] {
    background: white;
    padding: 1rem;
    border-radius: 8px;
    height: 100%;
    transition: transform 0.2s, box-shadow 0.2s;
}

.related-post-card:hover[b-3w446lixg6] {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.related-post-card img[b-3w446lixg6] {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 4px;
}

.related-post-title[b-3w446lixg6] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.related-post-title a[b-3w446lixg6] {
    color: inherit;
    text-decoration: none;
}

.related-post-title a:hover[b-3w446lixg6] {
    color: var(--bs-primary);
}

.comments-section[b-3w446lixg6] {
    background: #f8f9fa;
    padding: 2rem;
    border-radius: 8px;
}

.comment-form textarea[b-3w446lixg6] {
    resize: vertical;
    min-height: 100px;
}

.comments-list[b-3w446lixg6] {
    margin-top: 2rem;
}

@media (max-width: 767.98px) {
    .blog-post-main-title[b-3w446lixg6] {
        font-size: 1.75rem;
    }

    .blog-post-body[b-3w446lixg6] {
        font-size: 1rem;
    }

    .blog-post-meta-main[b-3w446lixg6] {
        font-size: 0.875rem;
    }

    .related-posts[b-3w446lixg6] {
        padding: 1rem;
    }

    .comments-section[b-3w446lixg6] {
        padding: 1rem;
    }
}
/* /Components/Blog/BlogOverviewPage.razor.rz.scp.css */
.blog-post-card[b-0t7exhtzi5] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    overflow: hidden;
}

.blog-post-card:hover[b-0t7exhtzi5] {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.blog-post-image[b-0t7exhtzi5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 200px;
}

.blog-post-content[b-0t7exhtzi5] {
    padding: 1.5rem;
}

.blog-post-title[b-0t7exhtzi5] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.blog-post-title a[b-0t7exhtzi5] {
    color: inherit;
    text-decoration: none;
}

.blog-post-title a:hover[b-0t7exhtzi5] {
    color: var(--bs-primary);
}

.blog-post-meta[b-0t7exhtzi5] {
    font-size: 0.875rem;
    color: #6c757d;
}

.blog-post-meta span[b-0t7exhtzi5] {
    margin-right: 1rem;
}

.blog-post-meta i[b-0t7exhtzi5] {
    margin-right: 0.25rem;
}

.blog-post-excerpt[b-0t7exhtzi5] {
    color: #495057;
    line-height: 1.6;
}

.blog-sidebar[b-0t7exhtzi5] {
    position: sticky;
    top: 100px;
}

.sidebar-widget[b-0t7exhtzi5] {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.sidebar-widget-title[b-0t7exhtzi5] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--bs-primary);
}

.sidebar-widget ul li a[b-0t7exhtzi5] {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.sidebar-widget ul li a:hover[b-0t7exhtzi5] {
    color: var(--bs-primary);
}

.tag-cloud a[b-0t7exhtzi5] {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.2s;
}

.tag-cloud a:hover[b-0t7exhtzi5] {
    background: var(--bs-primary);
    color: white !important;
    border-color: var(--bs-primary);
}

@media (max-width: 991.98px) {
    .blog-sidebar[b-0t7exhtzi5] {
        position: static;
        margin-top: 3rem;
    }

    .blog-post-image[b-0t7exhtzi5] {
        min-height: 150px;
    }
}

@media (max-width: 767.98px) {
    .blog-post-title[b-0t7exhtzi5] {
        font-size: 1.25rem;
    }

    .blog-post-content[b-0t7exhtzi5] {
        padding: 1rem;
    }
}
/* /Components/Blog/CommentComponent.razor.rz.scp.css */
.comment-item[b-n3eydln1uf] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    border-left: 3px solid var(--bs-primary);
}

.comment-reply[b-n3eydln1uf] {
    margin-left: 2rem;
    border-left-color: #6c757d;
}

.comment-avatar[b-n3eydln1uf] {
    flex-shrink: 0;
}

.comment-avatar i[b-n3eydln1uf] {
    font-size: 2.5rem;
    color: var(--bs-primary);
}

.comment-content[b-n3eydln1uf] {
    flex-grow: 1;
}

.comment-header[b-n3eydln1uf] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.comment-author[b-n3eydln1uf] {
    font-weight: 600;
    color: #333;
}

.comment-date[b-n3eydln1uf] {
    font-size: 0.875rem;
    color: #6c757d;
}

.comment-text[b-n3eydln1uf] {
    color: #495057;
    line-height: 1.6;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
}

.reply-form textarea[b-n3eydln1uf] {
    resize: vertical;
}

.comment-replies[b-n3eydln1uf] {
    margin-top: 1rem;
}

@media (max-width: 767.98px) {
    .comment-item[b-n3eydln1uf] {
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .comment-reply[b-n3eydln1uf] {
        margin-left: 1rem;
    }

    .comment-avatar i[b-n3eydln1uf] {
        font-size: 2rem;
    }
}
/* /Components/Blog/LatestBlogPostsComponent.razor.rz.scp.css */
.latest-blog-section[b-vzsypf9pw4] {
    position: relative;
    overflow: hidden;
}

.section-header[b-vzsypf9pw4] {
    margin-bottom: 3rem;
}

.section-title[b-vzsypf9pw4] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 0.5rem;
}

.section-subtitle[b-vzsypf9pw4] {
    font-size: 1.125rem;
    color: #6c757d;
}

.blog-preview-card[b-vzsypf9pw4] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s, box-shadow 0.3s;
}

.blog-preview-card:hover[b-vzsypf9pw4] {
    transform: translateY(-8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.blog-preview-image-link[b-vzsypf9pw4] {
    display: block;
    overflow: hidden;
}

.blog-preview-image[b-vzsypf9pw4] {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.3s;
}

.blog-preview-card:hover .blog-preview-image[b-vzsypf9pw4] {
    transform: scale(1.05);
}

.blog-preview-body[b-vzsypf9pw4] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.blog-preview-category[b-vzsypf9pw4] {
    display: inline-block;
    background: var(--bs-primary);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.875rem;
    text-decoration: none;
    margin-bottom: 1rem;
    transition: background 0.2s;
}

.blog-preview-category:hover[b-vzsypf9pw4] {
    background: #0056b3;
    color: white;
}

.blog-preview-title[b-vzsypf9pw4] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.blog-preview-title a[b-vzsypf9pw4] {
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}

.blog-preview-title a:hover[b-vzsypf9pw4] {
    color: var(--bs-primary);
}

.blog-preview-meta[b-vzsypf9pw4] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 1rem;
}

.blog-preview-meta span[b-vzsypf9pw4] {
    margin-right: 1rem;
}

.blog-preview-meta i[b-vzsypf9pw4] {
    margin-right: 0.375rem;
}

.blog-preview-excerpt[b-vzsypf9pw4] {
    color: #495057;
    line-height: 1.6;
    margin-bottom: 1rem;
    flex-grow: 1;
}

.blog-preview-link[b-vzsypf9pw4] {
    color: var(--bs-primary);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.blog-preview-link:hover[b-vzsypf9pw4] {
    color: #0056b3;
    gap: 0.75rem;
}

@media (max-width: 991.98px) {
    .section-title[b-vzsypf9pw4] {
        font-size: 2rem;
    }

    .blog-preview-image[b-vzsypf9pw4] {
        height: 180px;
    }
}

@media (max-width: 767.98px) {
    .section-title[b-vzsypf9pw4] {
        font-size: 1.75rem;
    }

    .blog-preview-title[b-vzsypf9pw4] {
        font-size: 1.125rem;
    }

    .blog-preview-body[b-vzsypf9pw4] {
        padding: 1rem;
    }
}
/* /Components/Gallery/AlbumCardComponent.razor.rz.scp.css */
.album-card[b-v7nek4krae] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.album-card:hover[b-v7nek4krae] {
    transform: translateY(-8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.album-card.featured[b-v7nek4krae] {
    border: 2px solid #ffc107;
}

.album-image-container[b-v7nek4krae] {
    position: relative;
    width: 100%;
    padding-top: 66.67%; /* 3:2 aspect ratio */
    overflow: hidden;
    background: #f8f9fa;
}

.album-cover[b-v7nek4krae] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.album-card:hover .album-cover[b-v7nek4krae] {
    transform: scale(1.05);
}

.album-placeholder[b-v7nek4krae] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dee2e6;
    font-size: 4rem;
}

.featured-badge[b-v7nek4krae] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #ffc107;
    color: #000;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.875rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.album-overlay[b-v7nek4krae] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    padding: 1.5rem 1rem 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.album-card:hover .album-overlay[b-v7nek4krae] {
    opacity: 1;
}

.album-info[b-v7nek4krae] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.image-count[b-v7nek4krae],
.event-badge[b-v7nek4krae] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
    font-size: 0.875rem;
    font-weight: 500;
}

.event-badge[b-v7nek4krae] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    width: fit-content;
}

.album-content[b-v7nek4krae] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.album-header[b-v7nek4krae] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 0.75rem;
}

.album-title[b-v7nek4krae] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: #333;
    flex-grow: 1;
    line-height: 1.3;
}

.album-year[b-v7nek4krae] {
    background: var(--bs-primary);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    margin-left: 1rem;
    flex-shrink: 0;
}

.album-description[b-v7nek4krae] {
    color: #666;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.album-footer[b-v7nek4krae] {
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.featured-albums[b-v7nek4krae] {
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.featured-albums[b-v7nek4krae]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, transparent, #ffc107, transparent);
}

@media (max-width: 767.98px) {
    .album-title[b-v7nek4krae] {
        font-size: 1.125rem;
    }

    .album-content[b-v7nek4krae] {
        padding: 1rem;
    }

    .featured-badge[b-v7nek4krae] {
        font-size: 0.75rem;
        padding: 0.375rem 0.75rem;
    }
}
/* /Components/Gallery/AlbumDetailPage.razor.rz.scp.css */
.album-meta[b-yx3a4e1on4] {
    margin-top: 1rem;
}

/* Masonry Grid Layout */
.masonry-grid[b-yx3a4e1on4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: 200px;
    gap: 1rem;
    margin-top: 2rem;
}

.masonry-item[b-yx3a4e1on4] {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #f8f9fa;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.masonry-item:hover[b-yx3a4e1on4] {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* Grid-Gr��en basierend auf Aspect Ratio */
.masonry-item.grid-1x1[b-yx3a4e1on4] {
    grid-column: span 1;
    grid-row: span 1;
}

.masonry-item.grid-2x1[b-yx3a4e1on4] {
    grid-column: span 2;
    grid-row: span 1;
}

.masonry-item.grid-1x2[b-yx3a4e1on4] {
    grid-column: span 1;
    grid-row: span 2;
}

.masonry-image[b-yx3a4e1on4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.masonry-item:hover .masonry-image[b-yx3a4e1on4] {
    transform: scale(1.05);
}

.image-overlay[b-yx3a4e1on4] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
    padding: 2rem 1rem 1rem;
    color: white;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.masonry-item:hover .image-overlay[b-yx3a4e1on4] {
    opacity: 1;
}

.image-caption[b-yx3a4e1on4] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.4;
}

/* Lightbox Styles */
.lightbox[b-yx3a4e1on4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.95);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-yx3a4e1on4 0.2s ease;
}

@keyframes fadeIn-b-yx3a4e1on4 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.lightbox-close[b-yx3a4e1on4] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 10002;
}

.lightbox-close:hover[b-yx3a4e1on4] {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
}

.lightbox-prev[b-yx3a4e1on4],
.lightbox-next[b-yx3a4e1on4] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 10001;
}

.lightbox-prev[b-yx3a4e1on4] {
    left: 2rem;
}

.lightbox-next[b-yx3a4e1on4] {
    right: 2rem;
}

.lightbox-prev:hover[b-yx3a4e1on4],
.lightbox-next:hover[b-yx3a4e1on4] {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-50%) scale(1.1);
}

.lightbox-content[b-yx3a4e1on4] {
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lightbox-image[b-yx3a4e1on4] {
    max-width: 100%;
    max-height: 75vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.lightbox-info[b-yx3a4e1on4] {
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 1.5rem;
    border-radius: 8px;
    margin-top: 1rem;
    max-width: 600px;
    text-align: center;
}

.lightbox-info h4[b-yx3a4e1on4] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

.lightbox-info p[b-yx3a4e1on4] {
    margin: 0 0 1rem 0;
    line-height: 1.6;
}

.lightbox-meta[b-yx3a4e1on4] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 1rem;
}

/* Responsive Anpassungen */
@media (max-width: 1200px) {
    .masonry-grid[b-yx3a4e1on4] {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        grid-auto-rows: 180px;
    }
}

@media (max-width: 991.98px) {
    .masonry-grid[b-yx3a4e1on4] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-auto-rows: 150px;
        gap: 0.75rem;
    }

    .lightbox-prev[b-yx3a4e1on4] {
        left: 1rem;
    }

    .lightbox-next[b-yx3a4e1on4] {
        right: 1rem;
    }

    .lightbox-prev[b-yx3a4e1on4],
    .lightbox-next[b-yx3a4e1on4] {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .masonry-grid[b-yx3a4e1on4] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        grid-auto-rows: 120px;
        gap: 0.5rem;
    }

    /* Auf kleinen Screens alle Bilder gleich gro� */
    .masonry-item.grid-2x1[b-yx3a4e1on4],
    .masonry-item.grid-1x2[b-yx3a4e1on4] {
        grid-column: span 1;
        grid-row: span 1;
    }

    .lightbox-close[b-yx3a4e1on4] {
        width: 40px;
        height: 40px;
        font-size: 1.25rem;
    }

    .lightbox-prev[b-yx3a4e1on4],
    .lightbox-next[b-yx3a4e1on4] {
        width: 40px;
        height: 40px;
        font-size: 1.25rem;
    }

    .lightbox-image[b-yx3a4e1on4] {
        max-height: 60vh;
    }

    .lightbox-info[b-yx3a4e1on4] {
        padding: 1rem;
        font-size: 0.875rem;
    }
}

/* Keyboard Navigation Hint */
.lightbox[b-yx3a4e1on4]::before {
    content: 'ESC zum Schlie�en | ? ? f�r Navigation';
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.875rem;
    opacity: 0;
    animation: fadeInOut-b-yx3a4e1on4 3s ease;
}

@keyframes fadeInOut-b-yx3a4e1on4 {
    0%, 100% { opacity: 0; }
    10%, 90% { opacity: 1; }
}
/* /Components/Gallery/EditAlbumPage.razor.rz.scp.css */
.gallery-image-card[b-eudo9o6fyi] {
    position: relative;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.gallery-image-card:hover[b-eudo9o6fyi] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.gallery-image-card img[b-eudo9o6fyi] {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.image-actions[b-eudo9o6fyi] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    gap: 0.5rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.gallery-image-card:hover .image-actions[b-eudo9o6fyi] {
    opacity: 1;
}

.image-actions button[b-eudo9o6fyi] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
/* /Components/Gallery/GalleryOverviewPage.razor.rz.scp.css */
.featured-albums[b-x555mip3gz] {
    margin-bottom: 3rem;
}

.featured-albums h3[b-x555mip3gz] {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.all-albums h3[b-x555mip3gz] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
/* /Components/Website/AboutComponent.razor.rz.scp.css */
.about.maritime-section[b-3qw6o81zmd] { background: linear-gradient(180deg, #0b2a3d 0%, #0d354b 100%); padding: clamp(28px, 6vw, 56px) 0; }
.about .about-visual[b-3qw6o81zmd] { background: url(/images/pictures/sailing-01.jpg) right center / cover no-repeat; border-radius: 16px; min-height: 260px; box-shadow: 0 12px 28px rgba(0,0,0,.25); }
.about h2[b-3qw6o81zmd] { font-weight: 800; margin-bottom: .5rem; }
/* /Components/Website/EventCalendarComponent.razor.rz.scp.css */
.event-card[b-4a1r279nbh] { border: 1px solid rgba(0,0,0,.06); border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.card-img-top-wrap[b-4a1r279nbh] { position: relative; display: block; }
.card-img-top[b-4a1r279nbh] { height: 180px; width: 100%; object-fit: cover; }
.ribbon[b-4a1r279nbh] { position: absolute; top: 12px; left: 12px; background: #dc3545; color: #fff; padding: .25rem .5rem; border-radius: .25rem; font-weight: 700; font-size: .8rem; }

/* Maritime date chip */
.date-chip[b-4a1r279nbh] { 
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; 
  border: 1px solid rgba(22,163,215,.4); 
  border-radius: 10px; padding: .25rem .5rem; min-width: 58px; 
  background: linear-gradient(180deg, #0d354b 0%, #0b2a3d 100%);
  color: #e8f3f8; 
  box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.date-chip .day[b-4a1r279nbh] { font-size: 1.3rem; font-weight: 800; line-height: 1; }
.date-chip .month[b-4a1r279nbh] { text-transform: uppercase; font-size: .8rem; line-height: 1; opacity: .95; }
.date-chip .year[b-4a1r279nbh] { font-size: .68rem; opacity: .8; line-height: 1; }

/* Card tweaks */
.event-card .card-title[b-4a1r279nbh] { margin-top: .25rem; font-weight: 800; }
.event-card .small.text-muted i[b-4a1r279nbh] { color: #16a3d7; }
/* /Components/Website/EventCategoriesComponent.razor.rz.scp.css */
.category-section .section-header[b-lsfzm54gmi] {
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
}

.category-section .section-header h2[b-lsfzm54gmi]{ display:inline-block; position:relative; padding-bottom:.75rem; }

.category-section .section-header h2[b-lsfzm54gmi]::after{ content: url(../images/wave-line.png); position:absolute; left:50%; transform:translateX(-50%); top:100%; margin-top:.25rem; }

.category-grid[b-lsfzm54gmi] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

@media (min-width: 992px) {
    .category-grid[b-lsfzm54gmi] {
        gap: 1.25rem;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}

.admin-actions[b-lsfzm54gmi] {
    display: flex;
    justify-content: center;
}
/* /Components/Website/EventCategoryComponent.razor.rz.scp.css */
.category-card[b-q3ijmc33f9] {
    display: block;
    position: relative;
    background: var(--bs-body-bg, #fff);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 4px 14px rgba(0,0,0,.06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.category-card:hover[b-q3ijmc33f9], .category-card:focus-visible[b-q3ijmc33f9] {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
    border-color: rgba(0,0,0,.12);
    outline: none;
}

.card-media[b-q3ijmc33f9] {
    position: relative;
    background: #f2f2f2;
    aspect-ratio: 16/10;
    overflow: hidden;
}
.card-media[b-q3ijmc33f9]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.45) 100%);
    transition: opacity .3s ease;
}
.card-media img[b-q3ijmc33f9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform .6s ease;
}
.category-card:hover .card-media img[b-q3ijmc33f9] {
    transform: scale(1.05);
}

/* Title over image */
.card-content[b-q3ijmc33f9] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .75rem 1rem;
    color: #fff;
}
.card-title[b-q3ijmc33f9] {
    font-size: 1.125rem;
    line-height: 1.3;
    margin: 0;
    text-shadow: 0 2px 8px rgba(0,0,0,.6);
}
.card-text[b-q3ijmc33f9] {
    display: none;
}

/* CTA wave underline on hover */
.category-card[b-q3ijmc33f9]::before {
    content: "";
    position: absolute;
    left: 16px;
    bottom: 10px;
    width: 64px;
    height: 8px;
    background: radial-gradient(ellipse at center, #16a3d7, rgba(22,163,215,0) 60%) repeat-x;
    background-size: 32px 8px;
    opacity: 0;
    transition: opacity .2s ease;
}
.category-card:hover[b-q3ijmc33f9]::before {
    opacity: .9;
}
.card-cta[b-q3ijmc33f9] {
    display: none;
}

@media (min-width: 768px) {
    .card-title[b-q3ijmc33f9] {
        font-size: 1.2rem;
    }
}
/* /Components/Website/FindEventDialog.razor.rz.scp.css */
.find-events-page[b-hrmv04eieo]{ padding: clamp(24px,5vw,48px) 0; }
.filter-card[b-hrmv04eieo]{ background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:1rem; box-shadow:0 6px 16px rgba(0,0,0,.08); position:sticky; top:90px; }
.filter-title[b-hrmv04eieo]{ font-weight:800; margin-bottom:.5rem; position:relative; }
.category-list[b-hrmv04eieo]{ max-height: 320px; overflow:auto; border:1px solid rgba(0,0,0,.06); border-radius:12px; padding:.5rem .75rem; background:#f8fbfd; }
/* /Components/Website/IntroComponent1.razor.rz.scp.css */
.hero.maritime-hero[b-jtk8trek1t] {
  position: relative;
  background: url(/images/slides/luftaufnahme.jpg) center/cover no-repeat fixed;
  color: #fff;
}
.hero-overlay[b-jtk8trek1t] {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 28, 45, .66) 0%, rgba(2, 28, 45, .4) 25%, rgba(2, 28, 45, .66) 100%);
}
.hero-content[b-jtk8trek1t] {
  position: relative;
  padding: clamp(48px, 8vw, 120px) 0;
  display: grid;
}
.hero-info[b-jtk8trek1t] { 
  max-width: 760px; 
  background: linear-gradient(180deg, rgba(13,53,75,.62), rgba(9,39,56,.62));
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 16px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: clamp(16px, 3.5vw, 28px);
  box-shadow: 0 16px 38px rgba(0,0,0,.35);
}
.hero-title[b-jtk8trek1t] {
  font-weight: 800;
  letter-spacing: .01em;
  font-size: clamp(28px, 4.6vw, 52px);
  margin-bottom: .35rem;
  color: #fff;
  position: relative;
}

.hero-subtitle[b-jtk8trek1t] {
  font-size: 1.15rem;
  color: #e1f0f7;
}
.hero-text[b-jtk8trek1t] { color: #dbeaf1; max-width: 60ch; }
.hero-meta[b-jtk8trek1t] { display: flex; gap: 1rem; margin: .75rem 0 1.25rem 0; color: #e3f2f9; }
.hero-meta .price[b-jtk8trek1t] { font-weight: 700; }
.hero-meta .muted[b-jtk8trek1t] { opacity: .9; font-weight: 500; }

.btn-hero[b-jtk8trek1t] {
  background: #16a3d7;
  color: #001c2b;
  font-weight: 800;
  border-radius: .75rem;
  padding: .7rem 1.1rem;
  border: none;
  box-shadow: 0 8px 22px rgba(0,0,0,.25);
}
.btn-hero:hover[b-jtk8trek1t] { filter: brightness(.95); }

/* simple section spacing helper used on Index */
.section-spacer[b-jtk8trek1t]{ margin-top: clamp(20px, 4vw, 40px); }

@media (max-width: 575.98px) {
  .hero-meta[b-jtk8trek1t] { flex-direction: column; gap: .25rem; }
}
/* /Components/Website/UpcomingEventsComponent.razor.rz.scp.css */
.upcoming .section-header[b-dnxorttzgb]{ position:relative; }
.upcoming .section-header h2[b-dnxorttzgb]{ display:inline-block; position:relative; padding-bottom:.75rem; }
.upcoming .section-header h2[b-dnxorttzgb]::after{ content: url(../images/wave-line.png); position:absolute; left:50%; transform:translateX(-50%); top:100%; margin-top:.25rem; }

.btn-more-events[b-dnxorttzgb]{ background:linear-gradient(90deg,#16a3d7 0%,#1cc6ff 100%); color:#002634; font-weight:700; padding:.65rem 1.25rem; border-radius:.85rem; box-shadow:0 10px 28px -6px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.15) inset; border:none; display:inline-flex; align-items:center; gap:.4rem; }
.btn-more-events:hover[b-dnxorttzgb]{ filter:brightness(.95); text-decoration:none; }
.btn-more-events:active[b-dnxorttzgb]{ transform:translateY(2px); box-shadow:0 6px 16px -4px rgba(0,0,0,.4); }
/* /Pages/EventCategoryPage.razor.rz.scp.css */
.category-hero[b-ayedagd4ak]{ position:relative; background-size:cover; background-position:center; color:#fff; }
.category-hero .hero-overlay[b-ayedagd4ak]{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(11,42,61,.72) 0%, rgba(11,42,61,.55) 40%, rgba(11,42,61,.82) 100%);} 
.category-hero .hero-inner[b-ayedagd4ak]{ position:relative; padding: clamp(48px, 8vw, 120px) 0 48px; }
.category-hero .hero-title[b-ayedagd4ak]{ font-weight:800; font-size: clamp(30px,5vw,56px); margin:0; position:relative; }
.category-hero .hero-subtitle[b-ayedagd4ak]{ margin-top: .75rem; max-width: 70ch; color:#e2f1f7; }

.category-content-section[b-ayedagd4ak]{ padding: clamp(32px,6vw,64px) 0; }
.category-card[b-ayedagd4ak]{ background:#ffffff; border:1px solid rgba(0,0,0,.06); border-radius:20px; padding:1.25rem 1.4rem; margin-bottom:1.25rem; box-shadow:0 6px 20px rgba(0,0,0,.08); }
.category-card .card-heading[b-ayedagd4ak]{ font-weight:700; margin:0 0 .75rem 0; position:relative; }

/* Constrain images within category cards */
.category-card[b-ayedagd4ak]  img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1rem auto;
    border-radius: 8px;
}

.info-list li[b-ayedagd4ak]{ display:flex; gap:.5rem; margin-bottom:.35rem; }
.info-list li span:first-child[b-ayedagd4ak]{ min-width:180px; font-weight:600; color:#0b2a3d; }

.events-filter .form-label-sm[b-ayedagd4ak]{ font-size:.8rem; }
.events-filter .form-control-sm[b-ayedagd4ak],.events-filter .form-select-sm[b-ayedagd4ak]{ min-width: 160px; }

.events-list .list-head[b-ayedagd4ak]{ font-weight:700; opacity:.7; }
.events-list .event-row[b-ayedagd4ak]{ display:flex; align-items:center; gap:.75rem; padding:.5rem .75rem; border:1px solid rgba(0,0,0,.06); border-radius:12px; text-decoration:none; color:#0b2a3d; transition: background .2s ease, box-shadow .2s ease; }
.events-list .event-row:hover[b-ayedagd4ak]{ background:#f7fbfd; box-shadow:0 6px 14px rgba(0,0,0,.06); }
.events-list .event-row .title[b-ayedagd4ak]{ font-weight:600; }
.events-list .event-row .slots[b-ayedagd4ak]{ font-weight:700; color:#16a3d7; }

/* reuse date-chip look */
.date-chip[b-ayedagd4ak]{ display:inline-flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(22,163,215,.4); border-radius:10px; padding:.25rem .5rem; min-width:58px; background: linear-gradient(180deg, #0d354b 0%, #0b2a3d 100%); color:#e8f3f8; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.date-chip .day[b-ayedagd4ak]{ font-size:1.1rem; font-weight:800; line-height:1; }
.date-chip .month[b-ayedagd4ak]{ text-transform:uppercase; font-size:.75rem; line-height:1; opacity:.95; }

.sidebar-sticky[b-ayedagd4ak]{ position:sticky; top:90px; display:flex; flex-direction:column; gap:1.25rem; }
.contact-card[b-ayedagd4ak]{ background:linear-gradient(180deg,#0d354b,#0b2a3d); color:#e8f3f8; }
.contact-card .card-heading[b-ayedagd4ak]{ color:#fff; }
.more-categories li[b-ayedagd4ak]{ margin-bottom:.35rem; }
.more-categories a[b-ayedagd4ak]{ text-decoration:none; }
.more-categories a:hover[b-ayedagd4ak]{ text-decoration:underline; }

@media (max-width: 991.98px){ .sidebar-sticky[b-ayedagd4ak]{ position:static; } }
@media (max-width: 575.98px){ .category-card[b-ayedagd4ak]{ padding:1rem 1rem 1.1rem; } }
/* /Pages/EventPage.razor.rz.scp.css */
body[b-oqy92pnqp7] {
}

.event-hero[b-oqy92pnqp7] { position:relative; background-size:cover; background-position:center; color:#fff; }
.event-hero .hero-overlay[b-oqy92pnqp7] { position:absolute; inset:0; background:linear-gradient(180deg, rgba(11,42,61,.72) 0%, rgba(11,42,61,.55) 40%, rgba(11,42,61,.82) 100%); }
.hero-inner[b-oqy92pnqp7] { position:relative; padding: clamp(48px, 8vw, 120px) 0 48px 0; }
.hero-title[b-oqy92pnqp7] { font-weight:800; font-size: clamp(30px,5vw,56px); margin:0; position:relative; }
.hero-meta-date[b-oqy92pnqp7] { margin-top:1rem; font-size:1rem; letter-spacing:.02em; color:#e2f1f7; }
.cancellation-box[b-oqy92pnqp7] { font-size:.9rem; }

.event-content-section[b-oqy92pnqp7] { padding: clamp(32px,6vw,64px) 0; }
.event-card[b-oqy92pnqp7] { background:#ffffff; border:1px solid rgba(0,0,0,.06); border-radius:20px; padding:1.25rem 1.4rem; margin-bottom:1.25rem; box-shadow:0 6px 20px rgba(0,0,0,.08); position:relative; }
.event-card .card-heading[b-oqy92pnqp7] { font-weight:700; margin:0 0 .75rem 0; position:relative; }
.overview-list li[b-oqy92pnqp7] { display:flex; gap:.5rem; margin-bottom:.35rem; }
.overview-list li span:first-child[b-oqy92pnqp7] { min-width:130px; font-weight:600; color:#0b2a3d; }
.alternatives-list[b-oqy92pnqp7] { display:grid; gap:.5rem; margin:0; padding:0; }
.alternatives-list li[b-oqy92pnqp7] { list-style:none; }
.alternatives-list .alt-date[b-oqy92pnqp7] { display:flex; flex-direction:column; gap:.2rem; padding:.65rem .8rem; border:1px solid rgba(0,0,0,.08); border-radius:12px; background:#f7fbfd; text-decoration:none; color:#0b2a3d; font-size:.85rem; transition:background .2s ease, box-shadow .2s ease; }
.alternatives-list .alt-date:hover[b-oqy92pnqp7] { background:#e6f4fa; box-shadow:0 4px 12px rgba(0,0,0,.08); }
.alternatives-list .alt-date .slots[b-oqy92pnqp7] { font-weight:700; color:#16a3d7; }

.sidebar-sticky[b-oqy92pnqp7] { position:sticky; top:90px; display:flex; flex-direction:column; gap:1.25rem; }
.booking-card[b-oqy92pnqp7] { box-shadow:0 10px 28px rgba(0,0,0,.12); }
.contact-card[b-oqy92pnqp7] { background:linear-gradient(180deg,#0d354b,#0b2a3d); color:#e8f3f8; }
.contact-card .card-heading[b-oqy92pnqp7] { color:#fff; }
.contact-card .bc-details li[b-oqy92pnqp7] { margin-bottom:.35rem; }

@media (max-width: 991.98px){ .sidebar-sticky[b-oqy92pnqp7] { position:static; } }
@media (max-width: 575.98px){ .event-card[b-oqy92pnqp7] { padding:1rem 1rem 1.1rem; } .hero-meta-date[b-oqy92pnqp7] { font-size:.9rem; } }
/* /Shared/EditableTextComponent.razor.rz.scp.css */
/* EditableTextComponent Styles */
.editor-container[b-fi5nw4cxb3] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1rem;
    background: #fff;
}

.editor-toolbar[b-fi5nw4cxb3] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Media Picker Dialog Enhancements */
.media-card[b-fi5nw4cxb3] {
    transition: all 0.2s ease;
}

.media-card:hover[b-fi5nw4cxb3] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
}

.media-card.border-primary[b-fi5nw4cxb3] {
    border-width: 2px !important;
}

/* RadzenHtmlEditor custom styles */
.rz-html-editor-content img[b-fi5nw4cxb3] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1rem 0;
}

.rz-html-editor-content[b-fi5nw4cxb3] {
    min-height: 300px;
}

/* Constrain images in rendered content (non-edit mode) */
[b-fi5nw4cxb3] img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1rem 0;
}
/* /Shared/FooterComponent.razor.rz.scp.css */
.site-footer.maritime-footer[b-zc44ziceun]{background:linear-gradient(180deg,#0d354b 0%,#0b2a3d 100%);color:#dbe8ef;position:relative}
.site-footer a[b-zc44ziceun]{color:#cfe8f5;text-decoration:none}
.site-footer a:hover[b-zc44ziceun]{text-decoration:underline}
.footer-head[b-zc44ziceun]{color:#fff;font-weight:800;margin-bottom:.5rem}
.footer-events[b-zc44ziceun]{display:grid;gap:.75rem}
.footer-events .event-item[b-zc44ziceun]{display:grid;grid-template-columns:60px 1fr;gap:.65rem;align-items:center}
.footer-events .event-thumb img[b-zc44ziceun]{width:60px;height:60px;object-fit:cover;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.footer-events .event-title[b-zc44ziceun]{font-weight:700;color:#fff;display:inline-block}
.footer-contact li[b-zc44ziceun]{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.35rem}
.footer-bottom[b-zc44ziceun]{border-color:rgba(255,255,255,.2)!important}
.brand-name[b-zc44ziceun]{font-weight:800;font-size:1.2rem;color:#fff}
.footer-wave[b-zc44ziceun]{position:absolute;left:0;right:0;top:-8px;height:8px;background:radial-gradient(ellipse at center,rgba(255,255,255,.35),rgba(255,255,255,0) 60%) repeat-x;background-size:120px 8px;opacity:.3}
.back-to-top[b-zc44ziceun]{position:fixed;right:16px;bottom:16px;background:#16a3d7;color:#00212f;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.back-to-top:hover[b-zc44ziceun]{filter:brightness(.95)}
/* /Shared/HeaderComponent.razor.rz.scp.css */
.site-header.maritime[b-oxs4cawp1q] {
    --marine-bg: #0b2a3d; /* tiefes Meeresblau */
    --marine-accent: #16a3d7; /* t�rkis Akzent */
    --marine-accent-2: #ffd166; /* sonniges Gelb */
    --marine-text: #e8f3f8;
}

/* Top strip with brand + contact */
.header-top[b-oxs4cawp1q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 0;
}
.brand-link[b-oxs4cawp1q] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    text-decoration: none;
}
.brand-logo[b-oxs4cawp1q] {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.brand-name[b-oxs4cawp1q] {
    font-weight: 800;
    font-size: 1.25rem;
    letter-spacing: .02em;
    color: var(--marine-bg);
}

.contact-area[b-oxs4cawp1q] {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.contact-item[b-oxs4cawp1q] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #0b2a3d;
    text-decoration: none;
    font-weight: 600;
}
.contact-item i[b-oxs4cawp1q] {
    color: var(--marine-accent);
}
.contact-item:hover[b-oxs4cawp1q] {
    text-decoration: underline;
}

/* Navbar */
.maritime-nav[b-oxs4cawp1q] {
    background: linear-gradient(180deg, var(--marine-bg) 0%, #0d354b 100%);
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(0,0,0,.15);
}
.maritime-nav .navbar-nav .nav-link[b-oxs4cawp1q] {
    color: var(--marine-text);
    padding: .6rem .9rem;
    border-radius: .5rem;
}
.maritime-nav .navbar-nav .nav-link:hover[b-oxs4cawp1q],
.maritime-nav .navbar-nav .nav-link:focus[b-oxs4cawp1q] {
    background: rgba(255,255,255,.08);
    color: #fff;
}
.maritime-nav .dropdown-menu[b-oxs4cawp1q] {
    border-radius: .5rem;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

/* Buttons */
.btn-marine[b-oxs4cawp1q] {
    background: var(--marine-accent);
    color: #00212f;
    font-weight: 700;
    padding: .5rem .9rem;
    border-radius: .6rem;
    border: none;
}
.btn-marine:hover[b-oxs4cawp1q] { filter: brightness(.95); }

.btn-outline-marine[b-oxs4cawp1q] {
    color: var(--marine-accent);
    border: 2px solid var(--marine-accent);
    font-weight: 700;
    padding: .45rem .85rem;
    border-radius: .6rem;
}
.btn-outline-marine:hover[b-oxs4cawp1q] { background: rgba(22,163,215,.12); }

/* Make top row compact on small screens */
@media (max-width: 575.98px) {
    .brand-name[b-oxs4cawp1q] { font-size: 1.1rem; }
    .contact-area[b-oxs4cawp1q] { gap: .6rem; }
    .contact-item span[b-oxs4cawp1q] { display: none; } /* keep just icons on very small screens */
}
/* /Shared/MainLayout.razor.rz.scp.css */