@import url('/assets/css/fonts-local.css');

body[data-theme="gegenseekrankheit_maritim"] {
    --font-body: 'Mada', 'Source Sans 3', 'Inter', system-ui, sans-serif;
    --font-heading: 'Archivo', 'Mada', 'Source Sans 3', sans-serif;
    --color-bg: #dce8f3;
    --color-text: #132230;
    --color-muted: rgba(19, 34, 48, 0.72);
    --color-surface: rgba(255, 255, 255, 0.96);
    --color-surface-alt: rgba(247, 251, 255, 0.94);
    --color-accent: #6094c1;
    --color-accent-contrast: #0f2030;
    --tpl-shell-bg: rgba(255, 255, 255, 0.88);
    --tpl-shell-border: rgba(22, 37, 52, 0.12);
    --tpl-shell-card: rgba(255, 255, 255, 0.95);
    --tpl-card-border: rgba(22, 37, 52, 0.08);
    --tpl-card-shadow: 0 24px 60px rgba(22, 37, 52, 0.14);
    --tpl-hero-card: rgba(255, 255, 255, 0.9);
    --tpl-hero-orb: radial-gradient(circle at 18% 18%, rgba(255,255,255,0.62), transparent 52%);
    --tpl-ai-bg: rgba(96, 148, 193, 0.11);
    --tpl-ai-border: rgba(96, 148, 193, 0.2);
    --tpl-menu-bg: rgba(96, 148, 193, 0.96);
    --tpl-menu-hover: rgba(175, 0, 0, 0.18);
    --tpl-overlay: rgba(14, 26, 39, 0.9);
    --tpl-link-color: #1f537f;
    --tpl-link-hover: #8e1016;
    --tpl-footer-bg: rgba(241, 247, 253, 0.96);
    --tpl-footer-border: rgba(22, 37, 52, 0.12);
    --nav-submenu-bg: rgba(22, 37, 52, 0.97);
    --nav-submenu-color: #f5f9ff;
    background: linear-gradient(180deg, #7ea7cb 0%, #b7d1e5 36%, #e8f2fb 100%);
    color: var(--color-text);
}

body[data-theme="gegenseekrankheit_maritim"]::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url('/site-assets/image/bg_pattern2.webp');
    background-size: 360px;
    opacity: 0.15;
    pointer-events: none;
    z-index: -2;
}

body[data-theme="gegenseekrankheit_maritim"]::after {
    content: '';
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at 10% 12%, rgba(255, 255, 255, 0.55), transparent 34%),
        radial-gradient(circle at 85% 18%, rgba(255, 255, 255, 0.3), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 50%);
    pointer-events: none;
    z-index: -1;
}

body[data-theme="gegenseekrankheit_maritim"] .site-header {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(22, 37, 52, 0.08);
    box-shadow: 0 18px 42px rgba(22, 37, 52, 0.18);
    backdrop-filter: blur(16px);
}

body[data-theme="gegenseekrankheit_maritim"] .logo {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #18344d;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

body[data-theme="gegenseekrankheit_maritim"] .site-nav {
    background: linear-gradient(180deg, rgba(110, 160, 203, 0.98), rgba(80, 132, 178, 0.98));
    border-radius: 1rem;
    padding: 0.45rem 1rem;
    border: 1px solid rgba(22, 37, 52, 0.1);
    box-shadow: 0 16px 36px rgba(22, 37, 52, 0.18);
}

body[data-theme="gegenseekrankheit_maritim"] .site-nav__list {
    gap: 0.35rem 0.7rem;
}

body[data-theme="gegenseekrankheit_maritim"] .site-nav__item > .nav-link,
body[data-theme="gegenseekrankheit_maritim"] .site-nav__parent-controls > .nav-link,
body[data-theme="gegenseekrankheit_maritim"] .site-nav__item > .nav-link:visited,
body[data-theme="gegenseekrankheit_maritim"] .site-nav__parent-controls > .nav-link:visited {
    background: rgba(28, 61, 92, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: 0.04em;
    border-radius: 0.9rem;
    padding: 0.45rem 0.9rem;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body[data-theme="gegenseekrankheit_maritim"] .site-nav__item > .nav-link:hover,
body[data-theme="gegenseekrankheit_maritim"] .site-nav__parent-controls > .nav-link:hover,
body[data-theme="gegenseekrankheit_maritim"] .site-nav__item > .nav-link.is-active,
body[data-theme="gegenseekrankheit_maritim"] .site-nav__parent-controls > .nav-link.is-active,
body[data-theme="gegenseekrankheit_maritim"] .site-nav__item.is-active > .site-nav__parent-controls > .nav-link {
    background: #ffffff;
    color: #132230;
    transform: translateY(-1px);
}

body[data-theme="gegenseekrankheit_maritim"] .site-nav__submenu {
    border-radius: 1rem;
    border: 1px solid rgba(22, 37, 52, 0.18);
    box-shadow: 0 24px 56px rgba(12, 24, 36, 0.28);
}

body[data-theme="gegenseekrankheit_maritim"] .site-nav__submenu .nav-link {
    color: #eef6ff;
}

body[data-theme="gegenseekrankheit_maritim"] .site-nav__submenu .nav-link:hover,
body[data-theme="gegenseekrankheit_maritim"] .site-nav__submenu .nav-link.is-active {
    background: rgba(175, 0, 0, 0.9);
    color: #ffffff;
}

body[data-theme="gegenseekrankheit_maritim"] .nav-subtoggle,
body[data-theme="gegenseekrankheit_maritim"] .site-nav__mobile-home,
body[data-theme="gegenseekrankheit_maritim"] .site-nav__footer {
    color: #ffffff;
}

body[data-theme="gegenseekrankheit_maritim"] .nav-link__icon--image img,
body[data-theme="gegenseekrankheit_maritim"] .home-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

body[data-theme="gegenseekrankheit_maritim"] .hero-shell {
    border-radius: 1.5rem;
    box-shadow: 0 32px 80px rgba(22, 37, 52, 0.18);
    overflow: hidden;
}

body[data-theme="gegenseekrankheit_maritim"] .hero-shell__media {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(15, 46, 72, 0.24)),
        url('/site-assets/image/foto_schiff_1.webp') center/cover no-repeat;
}

body[data-theme="gegenseekrankheit_maritim"] .content-block,
body[data-theme="gegenseekrankheit_maritim"] .bb-article,
body[data-theme="gegenseekrankheit_maritim"] .sidebar-card,
body[data-theme="gegenseekrankheit_maritim"] .news-card {
    border-radius: 1.35rem;
    border: 1px solid rgba(22, 37, 52, 0.08);
    box-shadow: 0 24px 58px rgba(22, 37, 52, 0.1);
}

body[data-theme="gegenseekrankheit_maritim"] .bb-article h1,
body[data-theme="gegenseekrankheit_maritim"] .bb-article h2,
body[data-theme="gegenseekrankheit_maritim"] .bb-article h3,
body[data-theme="gegenseekrankheit_maritim"] .bb-article h4 {
    color: #17334b;
    font-family: var(--font-heading);
}

body[data-theme="gegenseekrankheit_maritim"] a {
    color: var(--tpl-link-color);
}

body[data-theme="gegenseekrankheit_maritim"] a:hover {
    color: var(--tpl-link-hover);
}

body[data-theme="gegenseekrankheit_maritim"] .bb-article img {
    border-radius: 1rem;
    box-shadow: 0 14px 36px rgba(22, 37, 52, 0.16);
}

body[data-theme="gegenseekrankheit_maritim"] .footer-highlight {
    border-radius: 1.4rem;
    background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(227, 239, 249, 0.92));
    border: 1px solid rgba(22, 37, 52, 0.08);
    box-shadow: 0 22px 50px rgba(22, 37, 52, 0.12);
    color: #17334b;
}

body[data-theme="gegenseekrankheit_maritim"] .footer-highlight__title {
    font-family: var(--font-heading);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #17334b;
}

body[data-theme="gegenseekrankheit_maritim"] .footer-highlight__subtitle,
body[data-theme="gegenseekrankheit_maritim"] .footer-highlight__legal {
    color: rgba(23, 51, 75, 0.82);
}

body[data-theme="gegenseekrankheit_maritim"] .site-footer {
    background: var(--tpl-footer-bg);
    border-top: 1px solid var(--tpl-footer-border);
    color: #17334b;
}

body[data-theme="gegenseekrankheit_maritim"] .site-footer a {
    color: #17334b;
}

body[data-theme="gegenseekrankheit_maritim"] .site-footer a:hover {
    color: #8e1016;
}

body[data-theme="gegenseekrankheit_maritim"] .footer-links li {
    color: rgba(23, 51, 75, 0.7);
}

body[data-theme="gegenseekrankheit_maritim"] .footer-links a {
    display: inline-flex;
    align-items: center;
    padding: 0.42rem 0.82rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(22, 37, 52, 0.08);
    box-shadow: 0 8px 18px rgba(22, 37, 52, 0.08);
}

body[data-theme="gegenseekrankheit_maritim"] .footer-links a:hover {
    background: #ffffff;
}

body[data-theme="gegenseekrankheit_maritim"] #cookie-bar .privacy-link {
    color: #d9ebff;
}

body[data-theme="gegenseekrankheit_maritim"] #cookie-bar .privacy-link:hover,
body[data-theme="gegenseekrankheit_maritim"] #cookie-bar .privacy-link:focus-visible {
    color: #ffffff;
}

body[data-theme="gegenseekrankheit_maritim"] .chat-launcher {
    background: linear-gradient(135deg, #6ea4d2, #4d7ea9);
    color: #ffffff;
    box-shadow: 0 16px 36px rgba(22, 37, 52, 0.28);
}

body[data-theme="gegenseekrankheit_maritim"] .btn,
body[data-theme="gegenseekrankheit_maritim"] [data-component="button"] {
    border-radius: 999px;
    font-weight: 700;
}

body[data-theme="gegenseekrankheit_maritim"] .listing-card__label {
    background: rgba(96, 148, 193, 0.14);
    color: #204d74;
}