/* Minni – Ressourcen-Bibliothek */
.res{padding-top:22px;padding-bottom:40px}
.res .licon{width:18px;height:18px;flex:none}
.res ul,.res ol{list-style:none;margin:0;padding:0}
.res a{text-decoration:none}

/* Kopf */
.rhero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:30px 34px;border-radius:26px;background:radial-gradient(110% 140% at 100% 0%,var(--sticker) 0,var(--surface) 62%);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);margin-bottom:24px}
.rhero--solo{grid-template-columns:1fr}
.rhero .kicker{color:var(--rose-strong)}
.rhero h1{margin:0;font-size:44px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rhero h1 span{color:var(--rose);font-size:30px}
.rhand{margin:2px 0 10px;font-family:var(--font-hand);font-size:27px;color:var(--rose-strong);transform:rotate(-2deg);transform-origin:left}
.rintro{max-width:600px;margin:0 0 16px;font-family:var(--font-display);font-size:16.5px;line-height:1.6}
.rstats{display:flex;gap:8px;flex-wrap:wrap}
.res .rstats li{padding:6px 14px;border-radius:99px;background:var(--surface);box-shadow:0 0 0 1px var(--line);font-size:13px}
.rstats b{font-family:var(--font-display);font-size:15px;color:var(--ink);margin-right:2px}
.kofi{display:flex;flex-direction:column;align-items:center;gap:10px;width:230px;padding:20px;border-radius:22px;background:var(--surface);box-shadow:0 0 0 1px var(--line);text-align:center}
.kofi__cup,.kbox__cup{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;background:#fde7ec;font-size:28px}
.kofi p{margin:0;font-size:13.5px;line-height:1.45;color:var(--text)}
.kbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:99px;background:#b5566e;color:#fff!important;font-weight:600;font-size:14px;line-height:1.2;text-decoration:none;box-shadow:0 6px 16px -8px rgba(160,80,100,.6);transition:transform .2s,background .2s;white-space:nowrap}
.kbtn:hover{background:#9f4760;transform:translateY(-1px)}
.kbtn--light{background:#fff;color:#9f4e63!important}
.kbtn--light:hover{background:#fff4f6}

/* Kategorien */
.rcats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0 0 26px}
.rcat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 14px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);text-align:center;color:var(--ink);transition:transform .2s,box-shadow .2s}
.rcat:hover{transform:translateY(-2px)}
.rcat.is-active{background:var(--sticker);box-shadow:0 0 0 2px var(--rose)}
.rcat img,.rcat svg{width:46px;height:46px;object-fit:contain}
.rcat strong{font-family:var(--font-display);font-size:15px;color:var(--ink);line-height:1.2}
.rcat small{font-size:12px;color:var(--muted)}

/* Meistgeladen */
.rsec{margin:6px 0 12px;font-size:22px}
.rtop{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px!important}
.rtopc{display:flex;gap:12px;align-items:center;height:100%;padding:10px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);color:var(--ink);transition:transform .2s}
.rtopc:hover{transform:translateY(-2px)}
.rtopc img{width:84px;height:64px;flex:none;object-fit:cover;border-radius:12px}
.rank{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#faefcc;color:#6b4c0b;font-weight:700;font-family:var(--font-display)}
.rank.r2{background:#eceff3;color:#445}.rank.r3{background:#f9e2d2;color:#7a4019}
.rtopc strong{display:block;font-family:var(--font-display);font-size:14.5px;line-height:1.3;color:var(--ink)}
.rtopc small{font-size:12px;color:var(--muted)}

/* Filterleiste */
.rbar{display:flex;align-items:center;gap:10px;margin:0 0 18px;flex-wrap:wrap}
.rchips{display:flex;gap:8px;flex-wrap:wrap}
.rchip{padding:7px 14px;border:0;border-radius:99px;background:var(--surface);box-shadow:0 0 0 1px var(--line);font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.rchip:hover{box-shadow:0 0 0 1px var(--rose)}
.rchip.is-on{background:#b5566e;color:#fff;box-shadow:none;font-weight:600}
.rsort select{appearance:none;padding:8px 32px 8px 14px;border:0;border-radius:99px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b5566e' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/14px;box-shadow:0 0 0 1px var(--line);font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.rsearch{margin-left:auto;display:flex;align-items:center;gap:8px;width:240px;padding:0 14px;border-radius:99px;background:var(--surface);box-shadow:0 0 0 1px var(--line);color:var(--muted)}
.rsearch:focus-within{box-shadow:0 0 0 2px var(--rose)}
.rsearch input{flex:1;min-width:0;padding:9px 0;border:0;background:none;font:inherit;font-size:13.5px;color:var(--ink);outline:0}

/* Karten */
.rgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rgrid--embed{list-style:none;margin:0 0 1.5em;padding:0}
.rcard[hidden]{display:none}
.rcard__link{display:flex;flex-direction:column;height:100%;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
.rcard__link:hover{transform:translateY(-3px);box-shadow:var(--shadow),0 0 0 1px var(--line)}
.rcard__img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--tile)}
.rcard__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.rcard__link:hover .rcard__img img{transform:scale(1.04)}
.rcard__ph{display:grid;place-items:center;height:100%}
.rcard__ph img,.rcard__ph svg{width:70px!important;height:70px!important;object-fit:contain}
.rnew{position:absolute;left:10px;top:10px;padding:3px 10px;border-radius:99px;background:#b5566e;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.rfmt{position:absolute;right:10px;bottom:10px;display:flex;gap:4px}
.rfmt span{padding:2px 8px;border-radius:7px;background:rgba(255,255,255,.92);font-size:10.5px;font-weight:700;color:#4b3d5c}
.rcard__body{display:flex;flex-direction:column;flex:1;padding:12px 14px 14px}
.rcard__cat{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rose-strong)}
.rcard__title{margin:3px 0 8px;font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.25;color:var(--ink)}
.rcard__meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:12.5px;color:var(--muted)}
.rcard__meta b{color:var(--ink)}
.rcard__n{display:inline-flex;align-items:center;gap:5px}
.rcard__meta .licon{width:15px;height:15px}
.rdl{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pill);color:var(--rose-strong);transition:background .2s,color .2s}
.rcard__link:hover .rdl{background:#b5566e;color:#fff}
.rempty{padding:30px;border-radius:20px;background:var(--tile);text-align:center;color:var(--text)}
.rmore[hidden]{display:none}
.rmore-wrap{margin:22px 0 0;text-align:center}

/* Band */
.rband{display:flex;align-items:center;gap:14px;margin-top:30px;padding:22px 26px;border-radius:22px;background:linear-gradient(120deg,#fde7ec,#efe6fb)}
.rband p{margin:0;flex:1;font-family:var(--font-display);font-size:17px;color:#2a2742}
.rband__hand{font-family:var(--font-hand);font-size:26px;color:#8f3f55}

/* Detail */
.crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin:0 0 14px}
.crumb a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--rose-line);text-underline-offset:3px}
.crumb a:hover{color:var(--rose-strong)}
.crumb b{color:var(--ink);font-weight:500}
.rdet{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:start}
.rgal{padding:14px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--line)}
.rgal__stage{position:relative}
.rgal--desktop .rgal__stage{padding:6px 0 18px}
.device{position:relative;margin:0 auto;width:88%;padding:12px 12px 26px;border-radius:18px;background:#2a2533;box-shadow:0 18px 40px -20px rgba(40,20,40,.6)}
.device img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
.device::after{content:"";position:absolute;left:50%;bottom:-14px;width:120px;height:14px;margin-left:-60px;background:#d9d1dc;border-radius:0 0 10px 10px}
.phone{position:relative;width:22%;max-width:130px;padding:6px;border-radius:20px;background:#2a2533;box-shadow:0 12px 30px -12px rgba(40,20,40,.6)}
.phone img{display:block;width:100%;height:auto;aspect-ratio:9/19;object-fit:cover;border-radius:15px}
.phone--solo{position:relative;right:auto;bottom:auto;width:240px;max-width:70%;margin:6px auto;padding:9px;border-radius:30px}
.phone--solo img{border-radius:22px}
.rgal__plain img{display:block;width:100%;height:auto;border-radius:14px}
.rgal__ph{display:grid;place-items:center;aspect-ratio:4/3;border-radius:14px;background:var(--tile)}
.rgal__ph img{width:110px;height:110px;object-fit:contain}
.thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.rgal--desktop .thumbs{margin-top:30px}
.thumb{padding:0;border:0;border-radius:12px;background:none;cursor:pointer;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.thumb img{display:block;width:86px;height:62px;object-fit:cover}
.thumb.is-on{box-shadow:0 0 0 3px var(--rose)}
.rinfo{padding:24px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--line)}
.rinfo__cat{margin:0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rose-strong)}
.rinfo h1{margin:4px 0 8px;font-size:32px;line-height:1.15}
.rinfo .lead{margin:0 0 16px;font-family:var(--font-display);font-size:16px;color:var(--text);line-height:1.55}
.dlbs{margin:0 0 4px}
.dlb{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 8px;padding:12px 16px;border:0;border-radius:16px;background:#b5566e;color:#fff!important;font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s}
.dlb:hover{background:#9f4760;transform:translateY(-1px)}
.dlb--alt,.dlb--ghost{background:var(--sticker);color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--rose-line)}
.dlb--alt:hover,.dlb--ghost:hover{background:var(--pill)}
.dlb--ghost{background:none}
.dlb strong{font-size:15px}
.dlb small{margin-left:auto;font-size:12.5px;white-space:nowrap}
.dlb--alt small{color:var(--text)}
.rinfo__soon{padding:12px 16px;border-radius:16px;background:var(--tile)}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}
.facts div{padding:9px 12px;border-radius:13px;background:var(--tile)}
.facts dt{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:0;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink)}
.facts dd a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rose-line);text-underline-offset:3px}
.res .lic{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.lic li{padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600}
.lic__ok{background:#dff1e6;color:#25603f}
.lic__no{background:#fde8ec;color:#902840}
.credit{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:13px;background:var(--tile);font-size:13px;color:var(--text)}
.credit code{flex:1;min-width:0;padding:0;background:none;color:var(--ink);font-size:12.5px;overflow-wrap:anywhere}
.credit__copy{padding:5px 12px;border:0;border-radius:99px;background:var(--surface);font:inherit;font-weight:600;color:var(--rose-strong);font-size:12px;cursor:pointer}
.credit__copy:hover{background:var(--pill)}
.kbox{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(120deg,#fde7ec,#efe6fb)}
.kbox__cup{width:46px;height:46px;font-size:22px;background:#fff}
.kbox p{margin:0;flex:1;font-size:13.5px;color:#2a2742;line-height:1.45}
.kbox b{font-family:var(--font-display);font-size:15px;display:block}
.rdesc{max-width:820px;margin-top:30px}
.related{margin-top:30px}

/* Danke-Fenster */
.m-modal.rthanks{width:min(420px,calc(100vw - 32px));padding:28px 26px 22px;text-align:center}
.rthanks__cup{font-size:46px;line-height:1}
.rthanks h2{margin:8px 0 6px;font-size:24px}
.rthanks p{margin:0 0 16px;color:var(--text);font-size:14.5px;line-height:1.55}
.rthanks__row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.rthanks__no{padding:10px 18px;border:0;border-radius:99px;background:none;box-shadow:inset 0 0 0 1.5px var(--rose-line);font:inherit;font-size:14px;color:var(--rose-strong);font-weight:600;cursor:pointer}
.rthanks__no:hover{background:var(--sticker)}
.rthanks small{display:block;margin-top:12px;color:var(--muted);font-size:12px}

/* Live-Vorschau */
.m-modal.rdemo{width:min(1200px,calc(100vw - 32px));height:calc(100vh - 48px);max-height:none}
.rdemo[open]{display:flex;flex-direction:column}
.rdemo__bar{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 20px}
.rdemo__bar strong{flex:1;font-family:var(--font-display);color:var(--ink)}
.rdemo__bar a{font-size:13px;color:var(--rose-strong)}
.rdemo iframe{flex:1;width:100%;border:0;background:#fff}

/* Dunkel */
html[data-theme="dark"] .kbtn,html[data-theme="dark"] .dlb:not(.dlb--alt):not(.dlb--ghost),html[data-theme="dark"] .rchip.is-on,html[data-theme="dark"] .rnew{background:#d98fa1;color:#2a1820!important}
html[data-theme="dark"] .kbtn:hover,html[data-theme="dark"] .dlb:not(.dlb--alt):not(.dlb--ghost):hover{background:#e6a3b3}
html[data-theme="dark"] .kbtn--light{background:#fff;color:#8f3f55!important}
html[data-theme="dark"] .rcard__link:hover .rdl{background:#d98fa1;color:#2a1820}
html[data-theme="dark"] .rband,html[data-theme="dark"] .kbox{background:linear-gradient(120deg,#3b2a36,#302a44)}
html[data-theme="dark"] .rband p,html[data-theme="dark"] .kbox p{color:var(--ink)}
html[data-theme="dark"] .rband__hand{color:#eaa6b6}
html[data-theme="dark"] .kofi__cup{background:#3b2a36}
html[data-theme="dark"] .kbox__cup{background:#262130}
html[data-theme="dark"] .lic__ok{background:#1f3a2b;color:#a9e0bf}
html[data-theme="dark"] .lic__no{background:#43222c;color:#f3b4c2}
html[data-theme="dark"] .rank{background:#4a3d1b;color:#f7dc94}
html[data-theme="dark"] .rank.r2{background:#3a3d45;color:#dfe3ea}
html[data-theme="dark"] .rank.r3{background:#4a2f1f;color:#f3c4a2}
html[data-theme="dark"] .device::after{background:#5a5060}

@media (max-width:1000px){
	.rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.rdet{grid-template-columns:1fr}
}
@media (max-width:700px){
	.rhero{grid-template-columns:1fr;padding:22px 18px;text-align:center}
	.rhero h1{font-size:32px;justify-content:center}
	.rhero h1 span{display:none}
	.rhand{transform-origin:center}
	.rintro{margin-inline:auto}
	.rstats{justify-content:center}
	.kofi{width:auto}
	.rcats{grid-template-columns:repeat(3,1fr);gap:8px}
	.rcat{padding:12px 4px}
	.rcat img,.rcat svg{width:36px;height:36px}
	.rcat strong{font-size:13.5px}
	.rsearch{width:100%;margin:0}
	.rgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.rcard__body{padding:10px 11px 12px}
	.rcard__title{font-size:14px}
	.rcard__n{font-size:11.5px}
	.rdl{width:30px;height:30px}
	.rtop{grid-template-columns:1fr}
	.rband{flex-direction:column;text-align:center}
	.rinfo{padding:18px}
	.rinfo h1{font-size:26px}
	.facts{grid-template-columns:1fr 1fr}
	.kbox{flex-wrap:wrap}
	.kbox p{flex-basis:calc(100% - 60px)}
	.kbox .kbtn{width:100%}
}
@media (prefers-reduced-motion:reduce){
	.rcat,.rtopc,.rcard__link,.rcard__img img,.kbtn,.dlb{transition:none}
}
html[data-theme="dark"] .device,html[data-theme="dark"] .phone{background:#0f0c14;box-shadow:0 0 0 1px #4a4058,0 18px 40px -20px rgba(0,0,0,.8)}