/* =============================================================
   accordion_template – template.css
   Joomla 5 Template with Left Accordion Navigation
   ============================================================= */

/* ---------- CSS Custom Properties ---------- */
:root {
    --sidebar-width: 280px;

    /* Holztöne – Sidebar dunkel wie Walnuss */
    --sidebar-bg:            #2c1f14;
    --sidebar-header-bg:     #1e1209;
    --sidebar-footer-bg:     #1e1209;
    --sidebar-text:          #e8d8c4;
    --sidebar-text-muted:    #9c7f63;
    --sidebar-border:        rgba(255,220,170,0.1);
    --sidebar-accent:        #c8843a;
    --sidebar-accent-glow:   rgba(200,132,58,0.2);
    --sidebar-hover-bg:      rgba(200,132,58,0.12);
    --sidebar-active-bg:     rgba(200,132,58,0.22);
    --sidebar-active-text:   #fff8f0;

    /* Accordion parents */
    --acc-parent-bg:         transparent;
    --acc-parent-hover:      rgba(255,200,130,0.07);
    --acc-parent-active:     rgba(200,132,58,0.15);
    --acc-parent-text:       #e8d8c4;
    --acc-arrow-color:       #9c7f63;
    --acc-child-indent:      1rem;

    /* Main area – helles Birkenholz */
    --main-bg:               #fdf6ee;
    --main-text:             #2e1f0e;
    --main-border:           #e8d5bb;
    --header-bg:             #fff9f2;
    --card-bg:               #fff9f2;
    --card-shadow:           0 2px 12px rgba(100,60,20,0.1);

    /* Akzent Terrakotta/Amber */
    --accent:                #c8843a;
    --accent-dark:           #a8682a;

    /* Topbar (mobile) */
    --topbar-bg:             #1e1209;
    --topbar-text:           #e8d8c4;

    /* Transitions */
    --transition-fast:       0.18s ease;
    --transition-med:        0.28s cubic-bezier(0.4,0,0.2,1);

    /* Radius */
    --radius-sm:             6px;
    --radius-md:             10px;
}

/* Holztöne hell – helles Eichenholz */
[data-color-scheme="light"], .color-light {
    --sidebar-bg:            #5c3d1e;
    --sidebar-header-bg:     #3e2610;
    --sidebar-footer-bg:     #3e2610;
    --sidebar-text:          #f5e8d5;
    --sidebar-text-muted:    #c4a07a;
    --sidebar-border:        rgba(255,220,150,0.12);
    --sidebar-accent:        #e8a84a;
    --sidebar-accent-glow:   rgba(232,168,74,0.2);
    --sidebar-hover-bg:      rgba(232,168,74,0.12);
    --sidebar-active-bg:     rgba(232,168,74,0.25);
    --acc-parent-text:       #f5e8d5;
    --acc-arrow-color:       #c4a07a;
    --main-bg:               #fdf6ee;
    --main-text:             #2e1f0e;
    --main-border:           #e8d5bb;
    --header-bg:             #fff9f2;
    --card-bg:               #fff9f2;
}

/* ---------- Reset & Base ---------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: var(--main-text);
    background: var(--main-bg);
    overflow-x: hidden;
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

img { max-width: 100%; height: auto; }

/* ---------- Mobile Header ---------- */
.mobile-header {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 56px;
    background: var(--topbar-bg);
    color: var(--topbar-text);
    align-items: center;
    padding: 0 1rem;
    gap: 1rem;
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.mobile-site-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--topbar-text);
    flex: 1;
}
.mobile-site-name img { height: 36px; width: auto; }

.hamburger-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
}
.hamburger-btn:hover { background: rgba(255,255,255,0.1); }
.hamburger-line {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--topbar-text);
    border-radius: 2px;
    transition: transform var(--transition-med), opacity var(--transition-fast);
}
.hamburger-btn.active .hamburger-line:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger-btn.active .hamburger-line:nth-child(2) { opacity: 0; }
.hamburger-btn.active .hamburger-line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ---------- Overlay (mobile) ---------- */
.sidebar-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 998;
    backdrop-filter: blur(2px);
    opacity: 0;
    transition: opacity var(--transition-med);
}
.sidebar-overlay.visible {
    display: block;
    opacity: 1;
}

/* ---------- Layout Wrapper ---------- */
.layout-wrapper {
    display: flex;
    min-height: 100vh;
}

/* ---------- Sidebar ---------- */
.sidebar {
    width: var(--sidebar-width);
    min-width: var(--sidebar-width);
    background: var(--sidebar-bg);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    transition: width var(--transition-med), transform var(--transition-med);
    z-index: 999;
    border-right: 1px solid var(--sidebar-border);
}

.sidebar-header {
    padding: 1.5rem 1.2rem 1.2rem;
    background: var(--sidebar-header-bg);
    border-bottom: 1px solid var(--sidebar-border);
    flex-shrink: 0;
}

.site-name-link {
    display: block;
    text-decoration: none;
}
.site-name {
    font-size: 1.15rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.01em;
}
.site-logo {
    max-height: 48px;
    width: auto;
}
.logo-link { display: inline-block; }
.site-tagline {
    font-size: 0.75rem;
    color: var(--sidebar-text-muted);
    margin-top: 0.3rem;
}

/* Sidebar Scroll Area */
.sidebar-nav {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5rem 0;
    scrollbar-width: thin;
    scrollbar-color: var(--sidebar-border) transparent;
}
.sidebar-nav::-webkit-scrollbar { width: 4px; }
.sidebar-nav::-webkit-scrollbar-track { background: transparent; }
.sidebar-nav::-webkit-scrollbar-thumb { background: var(--sidebar-border); border-radius: 4px; }

.sidebar-footer {
    padding: 1rem;
    background: var(--sidebar-footer-bg);
    border-top: 1px solid var(--sidebar-border);
    flex-shrink: 0;
    font-size: 0.8rem;
    color: var(--sidebar-text-muted);
}

/* ---------- Joomla Module Mod_Menu – Accordion Styling ---------- */
/* This styles Joomla's standard mod_menu output as an accordion */

/* The module container */
.sidebar-nav .moduletable { margin: 0; }
.sidebar-nav .moduletable > h3 { display: none; } /* Hide module title */

/* Top-level <ul> */
.sidebar-nav ul.nav,
.sidebar-nav ul.nav-list,
.sidebar-nav nav > ul,
.sidebar-nav .mod-menu__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* All <li> items */
.sidebar-nav li {
    position: relative;
    border-bottom: 1px solid var(--sidebar-border);
}
.sidebar-nav li:last-child { border-bottom: none; }

/* All <a> and <span> links */
.sidebar-nav li > a,
.sidebar-nav li > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.72rem 1.1rem;
    color: var(--acc-parent-text);
    font-size: 0.88rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast), padding-left var(--transition-fast);
    gap: 0.5rem;
    border-left: 3px solid transparent;
}
.sidebar-nav li > a:hover,
.sidebar-nav li > span:hover {
    background: var(--acc-parent-hover);
    color: #ffffff;
    text-decoration: none;
}

/* Active / current item */
.sidebar-nav li.active > a,
.sidebar-nav li.current > a,
.sidebar-nav li.active > span,
.sidebar-nav li.current > span,
.sidebar-nav li.current-menu-item > a {
    background: var(--sidebar-active-bg);
    color: var(--sidebar-active-text);
    border-left-color: var(--sidebar-accent);
}

/* Parent item – has children */
.sidebar-nav li.parent > a::after,
.sidebar-nav li.deeper > a::after,
.sidebar-nav li:has(> ul) > a::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--acc-arrow-color);
    border-bottom: 2px solid var(--acc-arrow-color);
    transform: rotate(-45deg) translateY(-1px);
    flex-shrink: 0;
    transition: transform var(--transition-med), border-color var(--transition-fast);
}
.sidebar-nav li.parent.acc-open > a::after,
.sidebar-nav li.deeper.acc-open > a::after,
.sidebar-nav li:has(> ul).acc-open > a::after {
    transform: rotate(45deg) translateY(-3px);
    border-color: var(--sidebar-accent);
}

/* Sub-menu (children) */
.sidebar-nav li > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: rgba(0,0,0,0.15);
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.32s cubic-bezier(0.4,0,0.2,1);
}

/* Open state */
.sidebar-nav li.acc-open > ul {
    max-height: 2000px; /* large enough for any list */
}


/* Child items indent */
.sidebar-nav li > ul > li > a,
.sidebar-nav li > ul > li > span {
    padding-left: calc(1.1rem + var(--acc-child-indent));
    font-weight: 400;
    font-size: 0.84rem;
    color: var(--sidebar-text);
    border-left: 3px solid transparent;
}
.sidebar-nav li > ul > li > a:hover { color: #fff; }
.sidebar-nav li > ul > li.active > a,
.sidebar-nav li > ul > li.current > a {
    color: var(--sidebar-accent);
    background: var(--sidebar-active-bg);
    border-left-color: var(--sidebar-accent);
}

/* 3rd level */
.sidebar-nav li > ul > li > ul > li > a,
.sidebar-nav li > ul > li > ul > li > span {
    padding-left: calc(1.1rem + var(--acc-child-indent) * 2);
    font-size: 0.81rem;
}

/* Divider items */
.sidebar-nav li.divider {
    height: 1px;
    background: var(--sidebar-border);
    margin: 0.4rem 0;
}
.sidebar-nav li.divider > a { display: none; }

/* Section label (non-link parent) */
.sidebar-nav li > span.nav-header {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--sidebar-text-muted);
    padding: 1rem 1.1rem 0.3rem;
    cursor: default;
}

/* ---------- Main Area ---------- */
.main-area {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.top-modules { background: var(--header-bg); border-bottom: 1px solid var(--main-border); }

.banner-modules {
    background: var(--header-bg);
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--main-border);
}

.breadcrumbs-wrap {
    background: var(--header-bg);
    padding: 0.5rem 1.5rem;
    border-bottom: 1px solid var(--main-border);
    font-size: 0.82rem;
    color: var(--sidebar-text-muted);
}

/* Breadcrumb module */
.breadcrumbs-wrap .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.breadcrumbs-wrap .breadcrumb-item + .breadcrumb-item::before {
    content: '›';
    margin-right: 0.3rem;
    color: var(--acc-arrow-color);
}

/* ---------- Main Content ---------- */
.main-content {
    flex: 1;
    padding: 2rem 2.5rem;
    max-width: 1200px;
    width: 100%;
}

/* Article styling */
.com-content-article__body h1,
.com-content-article__body h2,
.com-content-article__body h3 {
    color: var(--main-text);
    margin: 1.2em 0 0.5em;
    line-height: 1.3;
}
.com-content-article__body p { margin-bottom: 1em; }
.com-content-article__body img { border-radius: var(--radius-md); }
.com-content-article__body table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}
.com-content-article__body th,
.com-content-article__body td {
    padding: 0.5rem 0.8rem;
    border: 1px solid var(--main-border);
    text-align: left;
}
.com-content-article__body th { background: rgba(79,142,247,0.08); }

/* Page heading */
.page-header { margin-bottom: 1.5rem; }
.page-header h1 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--main-text);
}

/* Alert / messages */
.alert {
    padding: 0.8rem 1.2rem;
    border-radius: var(--radius-sm);
    margin-bottom: 1rem;
    border-left: 4px solid;
}
.alert-info    { background: #e8f4ff; border-color: #4f8ef7; color: #1a3a6e; }
.alert-success { background: #e6f9ef; border-color: #28a745; color: #155724; }
.alert-warning { background: #fff8e6; border-color: #ffc107; color: #856404; }
.alert-danger  { background: #fde8e8; border-color: #dc3545; color: #721c24; }

/* ---------- Bottom Modules ---------- */
.bottom-modules {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem 2.5rem;
    border-top: 1px solid var(--main-border);
    background: var(--header-bg);
    flex-wrap: wrap;
}
.bottom-col { flex: 1; min-width: 200px; }

/* ---------- Footer ---------- */
.site-footer {
    padding: 1.2rem 2.5rem;
    background: var(--header-bg);
    border-top: 1px solid var(--main-border);
    font-size: 0.82rem;
    color: var(--sidebar-text-muted);
    text-align: center;
}
.site-footer a { color: var(--accent); }

/* ---------- Joomla System Overrides ---------- */
.mod-articlescategories-ul { list-style: none; padding: 0; }

/* Blog layout */
.com-content-category-blog__items { display: flex; flex-direction: column; gap: 1.5rem; }
.com-content-category-blog__item {
    background: var(--card-bg);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    box-shadow: var(--card-shadow);
    border: 1px solid var(--main-border);
}
.com-content-category-blog__item h2 { font-size: 1.2rem; margin-bottom: 0.5rem; }
.com-content-category-blog__item .article-info { font-size: 0.8rem; color: var(--sidebar-text-muted); margin-bottom: 0.8rem; }

/* Search form */
.mod-finder__form .search-query,
.search .inputbox {
    width: 100%;
    padding: 0.5rem 0.8rem;
    border: 1px solid var(--main-border);
    border-radius: var(--radius-sm);
    font-size: 0.9rem;
    outline: none;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.mod-finder__form .search-query:focus,
.search .inputbox:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--sidebar-accent-glow);
}
.mod-finder__form .btn-primary,
.search .btn-primary {
    background: var(--accent);
    color: #fff;
    border: none;
    padding: 0.5rem 1.2rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 0.9rem;
    transition: background var(--transition-fast);
    margin-top: 0.5rem;
}
.mod-finder__form .btn-primary:hover { background: var(--accent-dark); }

/* Pagination */
.pagination {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
    margin: 1.5rem 0;
    list-style: none;
    padding: 0;
}
.pagination .page-link {
    padding: 0.4rem 0.8rem;
    border: 1px solid var(--main-border);
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    color: var(--main-text);
    transition: all var(--transition-fast);
    display: inline-block;
    text-decoration: none;
}
.pagination .page-link:hover { background: var(--accent); color: #fff; border-color: var(--accent); }
.pagination .active .page-link { background: var(--accent); color: #fff; border-color: var(--accent); }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
    .mobile-header { display: flex; }

    body { padding-top: 56px; }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        transform: translateX(calc(-1 * var(--sidebar-width) - 20px));
        z-index: 1001;
        box-shadow: 4px 0 24px rgba(0,0,0,0.3);
    }
    .sidebar.open {
        transform: translateX(0);
    }

    .main-content { padding: 1.5rem 1.2rem; }
    .bottom-modules { padding: 1rem 1.2rem; }
    .site-footer { padding: 1rem 1.2rem; }
    .banner-modules { padding: 0.8rem 1.2rem; }
    .breadcrumbs-wrap { padding: 0.5rem 1.2rem; }
}

@media (max-width: 600px) {
    .main-content { padding: 1rem; }
    .page-header h1 { font-size: 1.4rem; }
    .bottom-modules { flex-direction: column; }
}

/* ---------- Accessibility ---------- */
*:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}
.skip-link {
    position: absolute;
    top: -100px;
    left: 1rem;
    background: var(--accent);
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-sm);
    z-index: 9999;
    font-weight: 600;
    transition: top var(--transition-fast);
}
.skip-link:focus { top: 1rem; }

/* Accordion open indicator dot */
.sidebar-nav li.acc-open > a {
    color: #fff;
    background: var(--acc-parent-active);
}

/* =============================================================
   CSS-ONLY ACCORDION via Checkboxen
   ============================================================= */

/* Versteckte Checkbox */
.sidebar-nav .acc-toggle {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

/* Listen */
.sidebar-nav .acc-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Einträge */
.sidebar-nav .acc-item {
    border-bottom: 1px solid var(--sidebar-border);
}
.sidebar-nav .acc-item:last-child { border-bottom: none; }

/* Label (Elterneintrag mit Pfeil) */
.sidebar-nav .acc-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    border-left: 3px solid transparent;
    transition: background var(--transition-fast), border-color var(--transition-fast);
}
.sidebar-nav .acc-label:hover {
    background: var(--acc-parent-hover);
}

/* Link innerhalb des Labels */
.sidebar-nav .acc-label .acc-link {
    flex: 1;
    display: block;
    padding: 0.72rem 0 0.72rem 1.1rem;
    color: var(--acc-parent-text);
    font-size: 0.88rem;
    font-weight: 500;
    text-decoration: none;
    transition: color var(--transition-fast);
}
.sidebar-nav .acc-label .acc-link:hover { color: #fff; text-decoration: none; }

/* Pfeil-Icon */
.sidebar-nav .acc-arrow {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--acc-arrow-color);
}
.sidebar-nav .acc-arrow::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg) translateY(-1px);
    transition: transform var(--transition-med), color var(--transition-fast);
}

/* Untermenü – standardmäßig geschlossen */
.sidebar-nav .acc-list.depth-1,
.sidebar-nav .acc-list.depth-2,
.sidebar-nav .acc-list.depth-3 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1);
    background: rgba(0,0,0,0.15);
}

/* Checkbox gecheckt → Untermenü öffnen */
.sidebar-nav .acc-toggle:checked ~ .acc-list {
    max-height: 2000px;
}

/* Pfeil dreht sich wenn offen */
.sidebar-nav .acc-toggle:checked ~ .acc-label .acc-arrow {
    color: var(--sidebar-accent);
}
.sidebar-nav .acc-toggle:checked ~ .acc-label .acc-arrow::after {
    transform: rotate(45deg) translateY(-3px);
}

/* Label hervorheben wenn offen */
.sidebar-nav .acc-toggle:checked ~ .acc-label {
    background: var(--acc-parent-active);
}
.sidebar-nav .acc-toggle:checked ~ .acc-label .acc-link {
    color: #fff;
}

/* Einfacher Link (kein Untermenü) */
.sidebar-nav .acc-item > .acc-link {
    display: flex;
    align-items: center;
    padding: 0.72rem 1.1rem;
    color: var(--acc-parent-text);
    font-size: 0.88rem;
    font-weight: 500;
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}
.sidebar-nav .acc-item > .acc-link:hover {
    background: var(--acc-parent-hover);
    color: #fff;
    text-decoration: none;
}

/* Aktiver / aktueller einfacher Link */
.sidebar-nav .acc-item.current > .acc-link,
.sidebar-nav .acc-item.active > .acc-link {
    background: var(--sidebar-active-bg);
    color: var(--sidebar-active-text);
    border-left-color: var(--sidebar-accent);
}

/* Aktiver Elterneintrag (Label) */
.sidebar-nav .acc-item.current > .acc-toggle ~ .acc-label,
.sidebar-nav .acc-item.active > .acc-toggle ~ .acc-label {
    border-left-color: var(--sidebar-accent);
}
.sidebar-nav .acc-item.current > .acc-toggle ~ .acc-label .acc-link,
.sidebar-nav .acc-item.active > .acc-toggle ~ .acc-label .acc-link {
    color: var(--sidebar-active-text);
}

/* Tiefere Ebenen einrücken */
.sidebar-nav .depth-1 .acc-item > .acc-link,
.sidebar-nav .depth-1 .acc-label .acc-link {
    padding-left: calc(1.1rem + var(--acc-child-indent));
    font-weight: 400;
    font-size: 0.84rem;
    color: var(--sidebar-text);
}
.sidebar-nav .depth-2 .acc-item > .acc-link,
.sidebar-nav .depth-2 .acc-label .acc-link {
    padding-left: calc(1.1rem + var(--acc-child-indent) * 2);
    font-size: 0.81rem;
}

/* Aktiver Link in Unterebene */
.sidebar-nav .depth-1 .acc-item.current > .acc-link {
    color: var(--sidebar-accent);
    background: var(--sidebar-active-bg);
    border-left-color: var(--sidebar-accent);
}

/* Trennlinie */
.sidebar-nav .acc-separator {
    display: block;
    padding: 0.9rem 1.1rem 0.3rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--sidebar-text-muted);
}

/* =============================================================
   HOLZ-TEXTUR & WARME DETAILS
   ============================================================= */

/* Sidebar: Holzmaserung via SVG-Pattern */
.sidebar {
    background-image:
        repeating-linear-gradient(
            92deg,
            transparent,
            transparent 2px,
            rgba(255,200,120,0.015) 2px,
            rgba(255,200,120,0.015) 4px
        ),
        repeating-linear-gradient(
            180deg,
            transparent,
            transparent 18px,
            rgba(0,0,0,0.04) 18px,
            rgba(0,0,0,0.04) 19px
        );
}

/* Sidebar-Header: dunkleres Holz mit Maserung */
.sidebar-header {
    background-image:
        repeating-linear-gradient(
            88deg,
            transparent,
            transparent 3px,
            rgba(255,180,80,0.04) 3px,
            rgba(255,180,80,0.04) 6px
        );
}

/* Sitename in warmem Goldton */
.site-name {
    color: #f0d4a8;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: 0.03em;
}
.site-tagline { color: #9c7f63; }

/* Content-Bereich: leichte Holzpapier-Textur */
.main-area {
    background-image:
        radial-gradient(ellipse at 20% 0%, rgba(200,132,58,0.04) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 100%, rgba(160,100,40,0.03) 0%, transparent 50%);
}

/* Footer warm */
.site-footer {
    background: #fff3e6;
    border-top-color: #e8d5bb;
    color: #7a5535;
}
.site-footer a { color: var(--accent); }

/* Breadcrumbs warm */
.breadcrumbs-wrap {
    background: #fff9f2;
    border-bottom-color: #e8d5bb;
}

/* Artikel-Überschriften in warmen Tönen */
.com-content-article__body h1,
.com-content-article__body h2,
.com-content-article__body h3 {
    color: #3d2008;
}

/* Suchfeld warm */
.mod-finder__form .search-query:focus,
.search .inputbox:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(200,132,58,0.15);
}

/* Karten mit warmem Schatten */
.com-content-category-blog__item {
    border-color: #e8d5bb;
    box-shadow: 0 2px 12px rgba(100,60,20,0.08);
}

/* Aktive Menülinks – Akzentlinie in Amber */
.sidebar-nav .acc-item.current > .acc-link,
.sidebar-nav .acc-item.active > .acc-link {
    background: rgba(200,132,58,0.2);
    color: #ffecd4;
    border-left-color: #c8843a;
}

/* Trennlinien wärmer */
.sidebar-nav .acc-item {
    border-bottom-color: rgba(255,200,130,0.1);
}

/* Scrollbar in Holztönen */
.sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(200,132,58,0.3);
}