/* EmPa Books · gemeinsamer, kompakter Markenkopf V38 */
.empa-sitebar{--sb-bg:rgba(250,248,244,.98);--sb-ink:#332e2b;--sb-soft:#766b63;--sb-border:rgba(85,66,50,.12);--sb-hover:rgba(136,98,68,.08);--sb-selected:#f2eae1;--sb-accent:#80573f;position:sticky;top:0;z-index:70;background:var(--sb-bg);color:var(--sb-ink);border-bottom:1px solid var(--sb-border);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.3}
.empa-sitebar[data-brand="kids"]{--sb-bg:rgba(255,250,252,.98);--sb-ink:#402a39;--sb-soft:#8c687d;--sb-border:rgba(130,81,111,.17);--sb-hover:rgba(149,73,120,.08);--sb-selected:#f9e9f3;--sb-accent:#915078}
.empa-sitebar[data-brand="games"]{--sb-bg:rgba(22,18,18,.98);--sb-ink:#fff7ef;--sb-soft:#cebeb0;--sb-border:rgba(233,200,151,.18);--sb-hover:rgba(236,196,119,.11);--sb-selected:rgba(239,198,109,.17);--sb-accent:#f3cf8a}
.empa-sitebar .empa-nav-inner{height:66px;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:22px}
.empa-sitebar .empa-identity{display:flex;align-items:center;gap:11px;flex-shrink:0;text-decoration:none;color:var(--sb-ink);min-width:0}
.empa-sitebar .empa-identity-logo{width:46px;height:46px;object-fit:contain;flex-shrink:0}
.empa-sitebar .empa-identity-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.empa-sitebar .empa-identity-copy strong{font:600 1.25rem/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:var(--sb-ink)}
.empa-sitebar .empa-identity-copy small{color:var(--sb-soft);font-size:.59rem;font-weight:810;letter-spacing:.105em;white-space:nowrap}
.empa-sitebar .empa-main-links{display:flex;align-items:center;gap:4px}
.empa-sitebar .empa-main-links a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:5px 11px;border:1px solid transparent;border-radius:10px;text-decoration:none;color:var(--sb-ink);font-size:.8rem;font-weight:730;white-space:nowrap;transition:background .2s}
.empa-sitebar .empa-main-links a:hover{background:var(--sb-hover)}
.empa-sitebar .empa-main-links a[aria-current="page"]{background:var(--sb-selected);border-color:var(--sb-border);font-weight:830;color:var(--sb-ink)}
.empa-sitebar .empa-main-links img{width:23px;height:23px;object-fit:contain;flex:none}
.empa-sitebar .empa-main-links .empa-layerpix-mini{width:69px;height:23px;border-radius:4px;background:#17181b;padding:3px}
.empa-sitebar .empa-link-separator{height:22px;width:1px;background:var(--sb-border);margin-inline:4px}
.empa-sitebar .empa-nav-mobile{display:none;position:relative}
.empa-sitebar .empa-nav-mobile summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid var(--sb-border);border-radius:10px;padding:9px 12px;font-size:.83rem;font-weight:760;color:var(--sb-ink);background:var(--sb-hover)}
.empa-sitebar .empa-nav-mobile summary::-webkit-details-marker{display:none}
.empa-sitebar .empa-nav-mobile summary svg{width:17px;height:17px}
.empa-sitebar .empa-nav-mobile nav{display:none;position:absolute;z-index:90;top:calc(100% + 10px);right:0;width:min(275px,calc(100vw - 28px));padding:9px;background:#fff;color:#342d29;border:1px solid #e7dfd8;border-radius:15px;box-shadow:0 16px 36px rgba(20,10,8,.20)}
.empa-sitebar .empa-nav-mobile[open] nav{display:grid;gap:2px}
.empa-sitebar .empa-nav-mobile nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:.88rem;font-weight:760;text-decoration:none;color:#342d29}
.empa-sitebar .empa-nav-mobile nav a:hover,.empa-sitebar .empa-nav-mobile nav a[aria-current="page"]{background:#f5ede8}
.empa-sitebar .empa-nav-mobile nav img{width:25px;height:25px;object-fit:contain}
.empa-sitebar .empa-nav-mobile nav .empa-layerpix-mini{width:69px;height:24px;object-fit:contain;background:#141519;padding:3px;border-radius:3px}
.empa-sitebar .empa-section-nav{background:rgba(255,255,255,.42);border-top:1px solid var(--sb-border)}
.empa-sitebar[data-brand="games"] .empa-section-nav{background:rgba(255,255,255,.035)}
.empa-sitebar[data-brand="kids"] .empa-section-nav{background:rgba(248,230,241,.52)}
.empa-sitebar .empa-section-inner{display:flex;align-items:center;gap:16px;min-height:40px}
.empa-sitebar .empa-section-label{font-size:.61rem;font-weight:870;letter-spacing:.125em;color:var(--sb-soft);white-space:nowrap}
.empa-sitebar .empa-section-links{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none}
.empa-sitebar .empa-section-links::-webkit-scrollbar{display:none}
.empa-sitebar .empa-section-links a{font-size:.77rem;line-height:1.2;font-weight:780;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:7px;padding:6px 10px;color:var(--sb-ink);border:1px solid var(--sb-border);background:var(--sb-hover)}
.empa-sitebar .empa-section-links a:hover{border-color:var(--sb-accent)}
.empa-sitebar .empa-section-links a:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--sb-accent);flex:none}
.empa-sitebar .empa-section-links a.empa-coming{opacity:.81}
.empa-sitebar .empa-section-links small{font-weight:680;font-size:.68rem;color:var(--sb-soft)}
.empa-sitebar a:focus-visible,.empa-sitebar summary:focus-visible{outline:3px solid var(--sb-accent);outline-offset:2px}
.empa-footer-switch{margin:8px 0 30px;padding:21px 25px;border:1px solid rgba(239,198,109,.2);border-radius:16px;background:rgba(255,255,255,.035);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.empa-footer-switch .empa-footer-intro{display:flex;align-items:center;gap:11px;color:#fff3e0;font-size:.84rem;font-weight:750}
.empa-footer-switch .empa-footer-intro img{width:34px;height:34px;object-fit:contain}
.empa-footer-switch nav{display:flex;flex-wrap:wrap;gap:9px}
.empa-footer-switch nav a{font-size:.78rem;font-weight:780;border:1px solid rgba(233,196,135,.25);color:#f5e8d8;padding:9px 13px;border-radius:99px;text-decoration:none;transition:background .15s}
.empa-footer-switch nav a:hover{background:rgba(239,198,109,.12)}
html:has(.empa-sitebar .empa-section-nav){scroll-padding-top:124px}
@media(max-width:1050px){.empa-sitebar .empa-main-links a{padding-inline:7px;gap:5px;font-size:.75rem}.empa-sitebar .empa-nav-inner{gap:8px}.empa-sitebar .empa-main-links{gap:2px}}
@media(max-width:880px){.empa-sitebar .empa-main-links{display:none}.empa-sitebar .empa-nav-mobile{display:block}}
@media(max-width:620px){.empa-sitebar .empa-nav-inner{height:63px;gap:10px}.empa-sitebar .empa-identity-logo{width:43px;height:43px}.empa-sitebar .empa-identity-copy strong{font-size:1.17rem}.empa-sitebar .empa-identity-copy small{font-size:.51rem;letter-spacing:.07em}.empa-sitebar .empa-section-inner{gap:9px;min-height:42px}.empa-sitebar .empa-section-label{font-size:.56rem;letter-spacing:.07em}.empa-sitebar .empa-section-links a{padding:7px 8px;font-size:.71rem}.empa-sitebar .empa-section-links small{font-size:.61rem}.empa-footer-switch{padding:17px 15px}}
@media(max-width:390px){.empa-sitebar .empa-section-label{display:none}.empa-sitebar .empa-section-links{gap:5px}.empa-sitebar .empa-section-links a{font-size:.69rem;padding:7px 6px}.empa-sitebar .empa-identity-copy small{font-size:.46rem}}

/* EmPa Books / Games / Kids shared navigation V39 */
.empa-sitebar .empa-section-nav{display:none !important}
.empa-sitebar .empa-nav-inner{height:65px}
.empa-sitebar .empa-main-links{gap:3px}
.empa-sitebar .empa-nav-group{position:relative;display:inline-flex;align-items:center;gap:0;border-radius:10px}
.empa-sitebar .empa-nav-group > a{padding-right:5px}
.empa-sitebar .empa-nav-group > a[aria-current="page"]{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.empa-sitebar .empa-nav-group .empa-nav-expand{position:static;display:block}
.empa-sitebar .empa-nav-expand summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:23px;height:38px;padding:0 4px 0 1px;border:1px solid transparent;border-radius:0 9px 9px 0;color:var(--sb-ink)}
.empa-sitebar .empa-nav-expand summary::-webkit-details-marker{display:none}
.empa-sitebar .empa-nav-expand summary svg{width:12px;height:12px;transition:transform .17s}
.empa-sitebar .empa-nav-expand[open] summary svg{transform:rotate(180deg)}
.empa-sitebar .empa-nav-group:has(> a[aria-current="page"]) > details summary{background:var(--sb-selected);border-color:var(--sb-border);border-left:0}
.empa-sitebar .empa-nav-expand summary:hover{background:var(--sb-hover)}
.empa-sitebar .empa-submenu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:212px;max-width:280px;padding:9px;background:#fff;color:#302b29;border:1px solid #e9dfd8;border-radius:13px;box-shadow:0 16px 40px rgba(20,15,15,.2);z-index:95}
.empa-sitebar .empa-nav-expand[open] .empa-submenu{display:grid;gap:2px}
.empa-sitebar .empa-submenu a{display:block;min-height:0;padding:10px 12px;color:#302b29;font-size:.79rem;font-weight:700;border:0;border-radius:8px;text-decoration:none;white-space:normal}
.empa-sitebar .empa-submenu a:hover{background:#f7f0e9}
.empa-sitebar .empa-submenu .empa-submenu-note{font-size:.66rem;color:#857368;display:block;margin-top:3px}
.empa-sitebar .empa-main-links img.empa-lpx-round{width:25px;height:25px;object-fit:contain;padding:0;background:none;border-radius:50%}
.empa-sitebar .empa-nav-mobile nav img.empa-lpx-round{width:25px;height:25px;object-fit:contain;padding:0;background:none;border-radius:50%}
.empa-sitebar .empa-mobile-brand{display:flex;align-items:center;justify-content:space-between;gap:2px;border-radius:9px;position:relative}
.empa-sitebar .empa-mobile-brand > a{flex:1;min-width:0}
.empa-sitebar .empa-mobile-brand > details{flex-shrink:0;position:static}
.empa-sitebar .empa-mobile-brand summary{list-style:none;display:flex;align-items:center;justify-content:center;cursor:pointer;width:40px;height:39px;padding:0;border-radius:8px;color:#40332c}
.empa-sitebar .empa-mobile-brand summary::-webkit-details-marker{display:none}
.empa-sitebar .empa-mobile-brand summary svg{width:15px;height:15px}
.empa-sitebar .empa-mobile-brand > details[open] summary svg{transform:rotate(180deg)}
.empa-sitebar .empa-mobile-brand .empa-mobile-products{position:relative;display:grid;gap:2px;background:#f7f2ed;border-radius:8px;padding:5px;margin:0 4px 6px}
.empa-sitebar .empa-mobile-brand .empa-mobile-products a{font-size:.77rem;font-weight:620;padding:7px 11px}
.empa-sitebar .empa-nav-mobile nav .empa-mobile-brand[aria-current="page"]{background:#f5ede8}
.empa-sitebar .empa-nav-mobile[open] nav{display:grid;gap:2px;max-height:min(75vh,600px);overflow-y:auto}
.empa-sitebar .empa-nav-mobile[open] nav .empa-mobile-brand{display:block}
.empa-sitebar .empa-nav-mobile[open] nav .empa-mobile-brand .empa-mobile-brandline{display:flex;align-items:center;justify-content:space-between}
.empa-sitebar .empa-nav-mobile[open] nav .empa-mobile-brand .empa-mobile-brandline > a{flex:1}
@media(max-width:1140px){.empa-sitebar .empa-main-links a{font-size:.73rem;padding-inline:7px}.empa-sitebar .empa-nav-group > a{padding-right:2px}.empa-sitebar .empa-main-links{gap:1px}}
@media(max-width:950px){.empa-sitebar .empa-main-links{display:none}.empa-sitebar .empa-nav-mobile{display:block}}
.empa-sitebar .empa-nav-mobile nav .empa-mobile-active-products{display:grid;gap:1px;margin:-1px 5px 4px 36px;padding:3px 0 5px 8px;border-left:2px solid #d5bda8}
.empa-sitebar .empa-nav-mobile nav .empa-mobile-active-products a{min-height:0;padding:6px 8px;font-size:.75rem;font-weight:630}
.empa-sitebar .empa-nav-mobile nav .empa-mobile-active-products .empa-submenu-note{font-size:.63rem;font-weight:450;color:#857368;display:block}
/* All three brands share same footer columns and legal navigation */
.footer.empa-unified-footer{padding:42px 0 23px !important;background:#272521 !important;color:#eae7e2 !important;border-top:0 !important}
.empa-unified-footer .empa-footer-grid{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.35fr);gap:36px 64px;align-items:start}
.empa-unified-footer .empa-footer-about{max-width:345px}
.empa-unified-footer .empa-footer-brand{display:flex;align-items:center;gap:13px}
.empa-unified-footer .empa-footer-brand img{width:52px;height:52px;object-fit:contain;flex-shrink:0}
.empa-unified-footer .empa-footer-brand strong{font:500 1.52rem Georgia,'Times New Roman',serif;color:#f6ede2}
.empa-unified-footer .empa-footer-about p{color:#bfb8af;font-size:.89rem;line-height:1.7;margin:12px 0 0}
.empa-unified-footer .empa-footer-directories{display:grid;grid-template-columns:1fr 1fr;gap:20px 36px;align-items:start}
.empa-unified-footer .empa-footer-directories nav{display:flex;flex-direction:column;align-items:stretch;gap:0}
.empa-unified-footer .empa-footer-heading{display:block;font-size:.73rem;letter-spacing:.12em;color:#d5b9a4;text-transform:uppercase;font-weight:800;padding:6px 0 14px}
.empa-unified-footer .empa-footer-directories a{display:block;border-top:1px solid rgba(255,255,255,.12);padding:11px 0;min-height:45px;font-size:.87rem;line-height:1.35;font-weight:640;text-decoration:none;color:#eee9e1}
.empa-unified-footer .empa-footer-directories a:hover{text-decoration:underline;text-underline-offset:4px;color:#fff}
.empa-unified-footer .empa-footer-note{display:block;color:#b8afa5;font-size:.68rem;margin-top:3px;font-weight:450}
.empa-unified-footer .empa-footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:34px;padding-top:19px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;font-size:.78rem;color:#bfb9b3}
.empa-unified-footer .empa-footer-bottom nav{display:flex;gap:21px;flex-wrap:wrap}
.empa-unified-footer .empa-footer-bottom a{text-decoration:none;color:#e1d9d2}
.empa-unified-footer .empa-footer-bottom a:hover{text-decoration:underline}
.empa-unified-footer .social-footer{margin:0 0 34px;padding:0 0 31px;border-bottom:1px solid rgba(255,255,255,.12)}
@media(max-width:810px){.empa-unified-footer .empa-footer-grid{grid-template-columns:1fr;gap:25px}.empa-unified-footer .empa-footer-about{max-width:520px}}
@media(max-width:480px){.empa-unified-footer .empa-footer-directories{gap:18px}.empa-unified-footer .empa-footer-directories a{font-size:.8rem}.empa-unified-footer .empa-footer-heading{font-size:.66rem}.empa-unified-footer .empa-footer-bottom{margin-top:24px}}

/* V41: Compact footer on umbrella homepage (no cross-brand product list) */
.empa-unified-footer .empa-footer-directories.empa-footer-brands-only{grid-template-columns:minmax(0,1fr);max-width:330px}
/* V41: The feeling journal is displayed as a real product card, consistent with coloring books */
.kids-page .feelings-catalog{background:#faf6f8;padding:66px 0 64px}
.kids-page .feelings-catalog .eyebrow{color:#9f6585}
.kids-page .feelings-catalog .catalog-head{margin-bottom:28px}
.kids-page .feelings-product-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);max-width:950px;align-items:stretch}
.kids-page .feelings-product-card .product-image{height:100%;min-height:360px}
.kids-page .feelings-product-card .product-copy{padding:32px 35px}
.kids-page .feelings-product-card .product-copy h3{font-size:1.65rem}
.kids-page .feelings-product-card .product-copy .book-preview-trigger{margin-top:14px}
.kids-page .malbuecher-after{padding-top:66px}
@media(max-width:720px){
 .kids-page .feelings-catalog{padding:54px 0 55px}
 .kids-page .feelings-product-card{display:flex;flex-direction:column}
 .kids-page .feelings-product-card .product-image{height:275px;min-height:0}
 .kids-page .feelings-product-card .product-copy{padding:23px}
 .kids-page .feelings-product-card .product-copy h3{font-size:1.35rem}
}
.kids-page .feelings-product-card .product-image img{object-fit:contain;background:#f7f0f4}

/* V48: gleiche Logo-/Menüposition wie auf EmPa Books und EmPa Kids */
.empa-sitebar[data-brand="games"] .empa-nav-inner {
  width:min(1160px,calc(100% - 64px));
  margin-inline:auto;
}
@media(max-width:800px) {
  .empa-sitebar[data-brand="games"] .empa-nav-inner {width:calc(100% - 46px)}
}
@media(max-width:620px) {
  .empa-sitebar[data-brand="games"] .empa-nav-inner {width:calc(100% - 36px)}
}