/* Entwurf 4: gemeinsame ruhige Darstellung für Auswahl, Karten und Verwaltung. */
@font-face{font-family:'Candle Serif';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/google/playfair-display/playfair-display-normal-400-latin.woff2') format('woff2')}
.cd-card,.cd-picker,.cd-admin-preview{font-family:'webfontDIN',Arial,sans-serif!important;color:#303723}
.cd-card{box-sizing:border-box;min-width:0;background:var(--cd-tint,#f4f0e8)!important;border:0!important;border-radius:18px!important;padding:24px 25px 0!important;display:flex;flex-direction:column;text-align:center;box-shadow:none!important;position:relative;overflow:hidden!important;isolation:isolate}
.cd-card:hover{transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--cd-tint,#f4f0e8)!important;border:0!important;box-shadow:none!important}
.cd-card::before,.cd-card::after{display:none!important;content:none!important}
.cd-art{display:block;position:relative;width:100%;max-width:245px;aspect-ratio:1;flex:none;margin:0 auto 10px;mix-blend-mode:multiply;overflow:hidden}
.cd-art-image{display:block;width:100%;height:100%;background-size:300% 300%;background-position:var(--cd-position);background-repeat:no-repeat}
.cd-art--colors .cd-art-image{background-image:url('../images/candles-sketch/colors-v1.webp')}
.cd-art--occasions .cd-art-image{background-image:url('../images/candles-sketch/occasions-v1.webp')}
.cd-art--motifs .cd-art-image{background-image:url('../images/candles-sketch/motifs-v1.webp')}
.cd-art--signature .cd-art-image{background-image:url('../images/candles-sketch/signature-v1.webp');background-size:500% auto}
.cd-art--small{max-width:200px}.cd-art--large{max-width:270px}.cd-art--xxl{max-width:295px}
.cd-art--out .cd-art-image{clip-path:inset(35% 0 0);filter:grayscale(1);opacity:.7}
.cd-art--signature.cd-art--out .cd-art-image{clip-path:inset(38% 0 0)}
.cd-art--stab.cd-art--out .cd-art-image{clip-path:inset(24% 0 0)}
.cd-art--stumpen.cd-art--out .cd-art-image{clip-path:inset(48% 0 0)}
.cd-art--tealight.cd-art--out .cd-art-image{clip-path:inset(58% 0 0)}
.cd-art--compact{max-width:85px!important;width:85px;margin-bottom:4px}
.cd-card .cd-status{font-size:11px!important;line-height:1.5;letter-spacing:.025em;color:#626852;margin:0 0 8px!important;text-align:center}
.cd-card .cd-dedication{font-size:10px!important;letter-spacing:.12em;text-transform:uppercase;color:#59604d;margin:5px 0 15px!important;line-height:1.5}
.cd-card .cd-name{font-family:'Candle Serif',Georgia,serif!important;font-size:clamp(24px,2.2vw,32px)!important;font-weight:400!important;color:#303723!important;line-height:1.25!important;letter-spacing:0!important;text-align:center;margin:0 0 12px!important;overflow-wrap:anywhere}
.cd-card .cd-birthname{font-size:13px!important;color:#59604d;margin:0 0 10px!important}
.cd-card .cd-dates{font-size:13px!important;color:#59604d;line-height:1.7;min-height:23px;margin:0 0 26px!important}
.cd-card .cd-thought{font-family:'Candle Serif',Georgia,serif!important;font-size:21px!important;color:#303723;line-height:1.6!important;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 24px!important;font-style:normal!important;flex:1}
.cd-card .cd-sender{font-size:13px!important;color:#59604d;line-height:1.6;margin:0 0 22px!important;overflow-wrap:anywhere}
.cd-facts{font-size:12px;color:#59604d;text-align:center;margin:0 0 16px}.cd-facts summary{cursor:pointer;min-height:44px;display:list-item;list-style-position:inside;padding:10px 4px}.cd-facts p{font-size:12px!important;line-height:1.8;margin:5px 0 15px!important}.cd-type-note{font-size:12px!important;color:#59604d;overflow-wrap:anywhere}
.cd-bottom{border-top:1px solid #cdd0c4;min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#59604d;text-align:left;margin-top:auto}.cd-bottom>span{min-width:0}
.cd-open{font:inherit!important;font-size:14px!important;background:transparent!important;border:0!important;color:#414b35!important;min-height:44px;padding:10px 0 10px 10px!important;white-space:nowrap;cursor:pointer;box-shadow:none!important;flex:none}
.cd-open:hover{text-decoration:underline;text-underline-offset:4px;transform:none!important}
.cd-open:focus-visible,.cd-facts summary:focus-visible,.cd-choice input:focus-visible+.cd-choice-body{outline:3px solid #725824;outline-offset:3px;border-radius:4px}
#gedenkGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}
/* Gleiche Bildfläche und reservierte Statuszeile richten Namen je Kartenreihe aus.
   Die gewählte Kerzengröße verändert nur die Zeichnung innerhalb dieser Fläche. */
#gedenkGrid>.cd-card{padding-top:52px!important}
#gedenkGrid>.cd-card>.cd-status{position:absolute;top:16px;left:20px;right:20px;margin:0!important}
#gedenkGrid>.cd-card>.cd-art{display:flex;align-items:center;justify-content:center;width:100%;max-width:295px!important;aspect-ratio:1}
#gedenkGrid>.cd-card>.cd-art>.cd-art-image{width:100%;max-width:245px;height:auto;aspect-ratio:1}
#gedenkGrid>.cd-card>.cd-art--small>.cd-art-image{max-width:200px}
#gedenkGrid>.cd-card>.cd-art--large>.cd-art-image{max-width:270px}
#gedenkGrid>.cd-card>.cd-art--xxl>.cd-art-image{max-width:295px}
.cd-card--detail{padding:25px 35px 0!important;max-width:700px;margin:auto}.cd-card--detail .cd-name{font-size:36px!important}.cd-card--detail .cd-thought{font-size:25px!important}.cd-card--detail .cd-bottom{justify-content:center}
.cd-detail-wrap{border-radius:18px;overflow:hidden;background:#faf8f3;margin-bottom:25px;text-align:center}.cd-detail-wrap>div:last-child{padding:20px!important;margin-top:0!important}.cd-detail-wrap button{transform:none!important;box-shadow:none!important}
.cd-card--personal{margin-bottom:22px!important;max-width:760px;margin-left:auto;margin-right:auto}.cd-card--personal .cd-art{max-width:175px}.cd-actions{border-top:1px solid #cdd0c4;padding:18px 0 23px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.cd-actions>div{display:contents!important}.cd-actions button{box-shadow:none!important;transform:none!important;min-height:44px!important;font-family:'webfontDIN',Arial,sans-serif!important;background:#4c5740!important;color:white!important;border:1px solid #4c5740!important;border-radius:6px!important;padding:10px 15px!important;white-space:normal!important}.cd-actions button:disabled{opacity:.5!important;cursor:not-allowed!important}.cd-actions button:focus-visible{outline:3px solid #725824;outline-offset:3px}
#kerzenGrid.cd-picker{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.cd-choice{position:relative;min-width:0;cursor:pointer}.cd-choice input{position:absolute;opacity:0;width:1px;height:1px}.cd-choice-body{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:125px;border:1px solid #d7dbcf;background:#fffefb;border-radius:10px;padding:10px 6px;font-size:13px;text-align:center;color:#303723}
.cd-choice input:checked+.cd-choice-body{outline:2px solid #566346;outline-offset:1px;background:#f1f3ed}.cd-choice:hover .cd-choice-body{border-color:#566346}.cd-choice-body .cd-art{width:100%;max-width:85px}
.cd-selection-preview{display:flex;align-items:center;justify-content:center;gap:18px;grid-column:1/-1;background:#f4f0e8;border-radius:12px;padding:15px;margin-top:10px}.cd-selection-preview .cd-art{margin:0;width:100px;max-width:100px!important}.cd-selection-preview p{font-size:14px!important;color:#59604d;line-height:1.7;margin:0}.cd-selection-preview strong{color:#303723;font-weight:500}
.kerzen-tab-btn{background:#ecece5!important;color:#465033!important;box-shadow:none!important;transform:none!important;text-transform:none!important;letter-spacing:0!important;min-height:44px}.kerzen-tab-btn.active{background:#4c5740!important;color:white!important}
.cd-choice-panel{background:#faf8f3!important;border:0!important;box-shadow:none!important}.cd-choice-panel>div:first-child>div{display:none!important}.cd-choice-panel>div:nth-child(2){background:transparent!important;box-shadow:none!important;padding:0!important}
.cd-admin-preview{background:#f4f0e8;padding:15px;border-radius:12px;text-align:center;margin-top:15px}.cd-admin-preview .cd-art{max-width:180px}.cd-admin-preview p{font-size:13px;margin:0}.gk-table td.is-candle .cd-art{width:64px;max-width:64px!important;margin:0 auto}.gk-table td.is-candle{width:80px!important}
#candleExampleResults .cd-card{padding:20px 20px 0!important}#candleExampleResults .gk-badge{align-self:center;margin-bottom:8px}
.cd-empty{grid-column:1/-1;text-align:center;background:#f4f0e8;border-radius:18px;padding:35px}.cd-empty .cd-art{max-width:150px}.cd-empty h3{font-size:24px;color:#303723}.cd-empty p{color:#59604d}.cd-empty button{background:#4c5740;color:#fff;border:0;border-radius:6px;padding:13px 22px;min-height:44px;cursor:pointer}
@media(min-width:1450px){#gedenkGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1000px){#gedenkGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}#kerzenGrid.cd-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:600px){#gedenkGrid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}.cd-card{padding:22px 23px 0!important}.cd-card .cd-name{font-size:30px!important}.cd-card .cd-art{max-width:220px}.cd-card .cd-art--small{max-width:180px}.cd-card .cd-art--large{max-width:245px}.cd-card .cd-art--xxl{max-width:265px}#kerzenGrid.cd-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.cd-choice-body{font-size:12px;min-height:110px}.cd-choice-body .cd-art{max-width:70px!important}.cd-detail-wrap .cd-card--detail{padding-left:20px!important;padding-right:20px!important}.cd-actions button{flex:1 1 110px;font-size:13px!important}.cd-card--detail .cd-thought{font-size:22px!important}.cd-choice-panel{padding:15px!important}.cd-selection-preview{gap:12px}.cd-bottom{font-size:12px}.cd-card .cd-thought{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){.cd-card,.cd-card *,.cd-choice *{animation:none!important;transition:none!important}}
