/* Gedenkportal: Ansichten „Licht“ (Standard), „Abend“ und „Garten“ sowie Lichtermeer, Teilen-Menü und Druckansicht */
.memorial-look-switch { position:fixed; right:14px; bottom:14px; z-index:60; display:flex; gap:6px; padding:6px; border-radius:999px; background:rgba(255,255,255,.94); box-shadow:0 8px 24px rgba(43,36,50,.18); border:1px solid #e6dcec; }
.memorial-look-switch button { padding:7px 12px; border:0; border-radius:999px; background:transparent; color:#4a3d52; font-size:12.5px; font-weight:600; cursor:pointer; }
.memorial-look-switch button[aria-pressed=true] { background:#643182; color:#fff; }

/* Lichtermeer */
.memorial-candle-wall { margin:0 0 28px; padding:22px 24px; border-radius:14px; background:linear-gradient(180deg,#2d2533,#3a2f40); color:#fff; box-shadow:0 14px 34px rgba(43,36,50,.18); }
.memorial-candle-wall header { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; }
.memorial-candle-wall header span { display:block; color:#d7bd7e; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.memorial-candle-wall header h3 { margin:6px 0 0; font-family:Georgia,serif; font-size:24px; font-weight:400; }
.memorial-candle-wall header p { margin:6px 0 0; color:#d9cedb; font-size:13px; }
.memorial-candle-grid { display:flex; flex-wrap:wrap; gap:10px 14px; margin-top:18px; }
.memorial-candle { display:grid; justify-items:center; gap:4px; width:74px; text-align:center; font-size:11px; color:#e7e0e8; }
.memorial-candle i { position:relative; display:block; width:22px; height:36px; border-radius:4px 4px 3px 3px; background:linear-gradient(180deg,#fff6df,#e9d7a7); box-shadow:0 0 18px 6px rgba(255,214,120,.35); }
.memorial-candle i::before { content:""; position:absolute; left:50%; top:-14px; width:10px; height:16px; margin-left:-5px; border-radius:50% 50% 50% 50%/60% 60% 40% 40%; background:radial-gradient(circle at 50% 70%, #fff7c8, #f3b23c 60%, rgba(243,178,60,0) 75%); animation:memorial-flame 1.6s ease-in-out infinite alternate; }
.memorial-candle i::after { content:""; position:absolute; left:50%; top:-3px; width:2px; height:5px; margin-left:-1px; background:#4a3a2a; }
.memorial-candle span { max-width:74px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.memorial-candle small { color:#b8aabd; font-size:10px; }
@keyframes memorial-flame { from { transform:scaleY(.92) translateX(-.5px); opacity:.9; } to { transform:scaleY(1.06) translateX(.5px); opacity:1; } }
@media (prefers-reduced-motion: reduce) { .memorial-candle i::before { animation:none; } }
.memorial-candle-form { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,.14); }
.memorial-candle-form input { flex:1 1 200px; min-height:42px; padding:0 12px; border:1px solid rgba(255,255,255,.25); border-radius:10px; background:rgba(255,255,255,.1); color:#fff; font-size:14px; }
.memorial-candle-form input::placeholder { color:#c9bccd; }
.memorial-candle-form button { min-height:42px; padding:0 16px; border:0; border-radius:10px; background:#d7bd7e; color:#2d2533; font-weight:700; cursor:pointer; }
.memorial-candle-form small { flex-basis:100%; color:#b8aabd; font-size:12px; }

/* Teilen-Menü */
.memorial-share-menu { position:fixed; z-index:70; min-width:240px; padding:8px; border-radius:14px; background:#fff; border:1px solid #e6dcec; box-shadow:0 14px 34px rgba(43,36,50,.2); }
.memorial-share-menu[hidden] { display:none; }
.memorial-share-menu button, .memorial-share-menu a { display:flex; align-items:center; gap:10px; width:100%; padding:10px 12px; border:0; border-radius:10px; background:transparent; color:#2b2432; font-size:14px; text-align:left; text-decoration:none; cursor:pointer; }
.memorial-share-menu button:hover, .memorial-share-menu a:hover { background:#f6f1f9; color:#643182; }
.memorial-share-menu b { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:#f1e9f5; color:#643182; font-size:13px; }

/* ---- Abend ---- */
html[data-memorial-look="abend"] body[data-portal="memorial"] { background:#efeaf0; }
html[data-memorial-look="abend"] body[data-portal="memorial"] .memorial-hero::before { background:linear-gradient(180deg,rgba(28,19,33,.55),rgba(28,19,33,.86)) !important; }
html[data-memorial-look="abend"] .memorial-hero :is(h1,.memorial-life-dates strong,blockquote) { color:#fff !important; }
html[data-memorial-look="abend"] .memorial-hero :is(.portal-eyebrow,.memorial-life-dates small,.memorial-birth-name,.memorial-portrait-wrap>span) { color:#d7bd7e !important; }
html[data-memorial-look="abend"] body[data-portal="memorial"] .memorial-portrait { border-radius:8px; border:4px solid #d7bd7e; box-shadow:0 22px 50px rgba(0,0,0,.45); }
html[data-memorial-look="abend"] .memorial-hero-events { border-color:rgba(215,189,126,.4); }
html[data-memorial-look="abend"] .memorial-tabs { background:#2d2533; border-bottom:1px solid #4a3f50; }
html[data-memorial-look="abend"] .memorial-tabs button { background:transparent; color:#cfc3d3; }
html[data-memorial-look="abend"] .memorial-tabs button.active, html[data-memorial-look="abend"] .memorial-tabs button:hover { color:#fff; border-bottom-color:#d7bd7e; }
html[data-memorial-look="abend"] .portal-header.memorial-toolbar { background:#fff; }
html[data-memorial-look="abend"] .life-story h2, html[data-memorial-look="abend"] .memorial-panel-heading h2, html[data-memorial-look="abend"] .memorial-callout h3, html[data-memorial-look="abend"] .memorial-form-pane h2 { color:#2d2533; }
html[data-memorial-look="abend"] .life-story > span, html[data-memorial-look="abend"] .memorial-callout > span, html[data-memorial-look="abend"] .memorial-form-pane > span, html[data-memorial-look="abend"] .memorial-panel-heading span { color:#9a7b3a; }
html[data-memorial-look="abend"] .memorial-callout { border-left-color:#d7bd7e; }
html[data-memorial-look="abend"] .memorial-form-pane, html[data-memorial-look="abend"] .memory-card, html[data-memorial-look="abend"] .portal-expansion { border-radius:14px; border-color:#e2d9e4; box-shadow:0 16px 40px rgba(45,37,51,.10); }
html[data-memorial-look="abend"] .button.primary, html[data-memorial-look="abend"] button[type=submit] { background:#2d2533; border-color:#2d2533; }

/* ---- Garten ---- */
html[data-memorial-look="garten"] body[data-portal="memorial"] { background:#faf7f2; }
html[data-memorial-look="garten"] body[data-portal="memorial"] .memorial-hero::before { background:linear-gradient(90deg,rgba(250,247,242,.35),rgba(250,247,242,.94) 30%,rgba(250,247,242,.94) 70%,rgba(250,247,242,.35)) !important; }
html[data-memorial-look="garten"] .memorial-hero :is(h1,.memorial-life-dates strong,blockquote) { color:#2f3a31 !important; }
html[data-memorial-look="garten"] .memorial-hero :is(.portal-eyebrow,.memorial-life-dates small,.memorial-birth-name,.memorial-portrait-wrap>span) { color:#5f7a62 !important; opacity:1 !important; }
html[data-memorial-look="garten"] body[data-portal="memorial"] .memorial-identity blockquote { border-left-color:#8fae92; }
html[data-memorial-look="garten"] body[data-portal="memorial"] .memorial-portrait { border-radius:50%; border:6px solid #fff; box-shadow:0 18px 44px rgba(47,58,49,.22); }
html[data-memorial-look="garten"] .memorial-hero-events { background:rgba(255,255,255,.7); border-color:#dfe6dc; }
html[data-memorial-look="garten"] .memorial-hero-events article { background:rgba(255,255,255,.75); }
html[data-memorial-look="garten"] .memorial-hero-events span { color:#5f7a62; }
html[data-memorial-look="garten"] .memorial-hero-events strong, html[data-memorial-look="garten"] .memorial-hero-events small { color:#2f3a31; }
html[data-memorial-look="garten"] .memorial-tabs { background:transparent; border-bottom:0; padding-top:14px; padding-bottom:6px; gap:10px; }
html[data-memorial-look="garten"] .memorial-tabs button { min-height:44px; border:1px solid #dfe6dc; border-radius:999px; background:#fff; color:#3c4a3e; }
html[data-memorial-look="garten"] .memorial-tabs button.active { background:#5f7a62; border-color:#5f7a62; color:#fff; }
html[data-memorial-look="garten"] .life-story > span, html[data-memorial-look="garten"] .memorial-callout > span, html[data-memorial-look="garten"] .memorial-form-pane > span, html[data-memorial-look="garten"] .memorial-panel-heading span { color:#5f7a62; }
html[data-memorial-look="garten"] .life-story h2, html[data-memorial-look="garten"] .memorial-panel-heading h2, html[data-memorial-look="garten"] .memorial-callout h3, html[data-memorial-look="garten"] .memorial-form-pane h2 { color:#2f3a31; }
html[data-memorial-look="garten"] .memorial-callout { border-left-color:#c9a965; }
html[data-memorial-look="garten"] .memorial-form-pane, html[data-memorial-look="garten"] .memory-card, html[data-memorial-look="garten"] .portal-expansion { border-radius:18px; border-color:#e6e2da; box-shadow:0 12px 30px rgba(47,58,49,.08); }
html[data-memorial-look="garten"] .memorial-candle-wall { background:linear-gradient(180deg,#3f4d41,#2f3a31); }
html[data-memorial-look="garten"] .button.primary, html[data-memorial-look="garten"] button[type=submit] { background:#5f7a62; border-color:#5f7a62; }

/* Druckansicht */
@media print {
  body[data-portal="memorial"] .portal-header, body[data-portal="memorial"] .memorial-tabs, body[data-portal="memorial"] .memorial-form-pane, body[data-portal="memorial"] form, .memorial-look-switch, .memorial-share-menu, .memorial-candle-form, .hero-rotation-layer { display:none !important; }
  body[data-portal="memorial"] .memorial-tab-panel[hidden] { display:block !important; }
  body[data-portal="memorial"] .memorial-story-layout, body[data-portal="memorial"] .memorial-panel-layout { grid-template-columns:1fr; }
  body[data-portal="memorial"] .memorial-hero::before { background:rgba(255,255,255,.85) !important; }
  body[data-portal="memorial"] .memorial-hero :is(h1,p,blockquote,strong,small,span) { color:#222 !important; }
}

/* Trauerschleife: schwarzes Band über der oberen rechten Bildecke (optional je Gedenkseite) */
.memorial-portrait, .book-cover-portrait { position:relative; }
.memorial-ribbon { position:absolute; right:-46px; top:26px; width:200px; height:26px; transform:rotate(45deg); transform-origin:center; background:linear-gradient(180deg,#2b2529 0%,#141114 50%,#2b2529 100%); box-shadow:0 4px 10px rgba(0,0,0,.35); pointer-events:none; z-index:2; }
.memorial-ribbon::before, .memorial-ribbon::after { content:""; position:absolute; top:4px; bottom:4px; left:0; right:0; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.book-cover-portrait .memorial-ribbon { right:-38px; top:8px; width:120px; height:12px; }
@media (max-width:640px) { .memorial-portrait .memorial-ribbon { right:-52px; top:18px; width:180px; height:22px; } }