/*
 * mod_skdplus - discovery+ Katalog (SK Light Branding)
 * WICHTIG: Jede Regel beginnt mit .skdplus. Es gibt bewusst keine Regeln fuer
 * :root, html, body, *, header, main, footer, input, select oder button ohne
 * diesen Wrapper. So bleibt das Layout der Seite und des Administrators unberuehrt.
 */
.skdplus{
  --skdp-ac:#B1976B;--skdp-ac2:#d8c3a1;--skdp-bg:#f6f2ea;--skdp-tx:#2b2b2b;--skdp-mu:#7a7468;--skdp-line:#e3dccd;
  --skdp-glow:0 6px 18px rgba(177,151,107,.45);
  display:block;position:relative;scroll-margin-top:90px;width:100%;max-width:1200px;margin:0 auto;padding:0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.4;
  color:var(--skdp-tx);text-align:left;box-sizing:border-box;
}
.skdplus *,.skdplus *::before,.skdplus *::after{box-sizing:border-box}
.skdplus__head{margin:0 0 16px;padding:22px 20px;border-radius:16px;background:linear-gradient(135deg,var(--skdp-ac),var(--skdp-ac2));color:#fff}
.skdplus .skdplus__title{margin:0;padding:0;font-size:26px;line-height:1.2;color:#fff;font-weight:700;border:0;background:none}
.skdplus__sub{margin:6px 0 0;opacity:.95;font-size:14px;color:#fff}
.skdplus__card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.07)}
.skdplus__tools{padding:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.skdplus .skdplus__input,.skdplus .skdplus__select{
  height:44px;line-height:normal;margin:0;padding:0 14px;border:1px solid var(--skdp-line);border-radius:12px;background:#fff;color:var(--skdp-tx);
  font:inherit;font-size:15px;box-shadow:none;width:auto;max-width:100%}
.skdplus .skdplus__input{flex:1 1 220px;min-width:0}
.skdplus .skdplus__input:focus,.skdplus .skdplus__select:focus{outline:2px solid var(--skdp-ac2);border-color:var(--skdp-ac);box-shadow:none}
.skdplus .skdplus__btn{
  height:44px;margin:0;padding:0 18px;border:0;border-radius:12px;font:inherit;font-size:15px;font-weight:600;line-height:1;
  color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--skdp-ac),var(--skdp-ac2));box-shadow:var(--skdp-glow);text-transform:none;text-decoration:none}
.skdplus .skdplus__btn:hover{filter:brightness(1.05);color:#fff}
.skdplus .skdplus__btn.is-off{background:#fff;color:var(--skdp-mu);box-shadow:none;border:1px solid var(--skdp-line)}
.skdplus__count{padding:0 16px 14px;color:var(--skdp-mu);font-size:14px}
.skdplus__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:18px 0 0;padding:0;list-style:none}
.skdplus .skdplus__item{display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;border-top:4px solid var(--skdp-ac);text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.skdplus .skdplus__item:hover{transform:translateY(-3px);box-shadow:var(--skdp-glow);color:inherit;text-decoration:none}
.skdplus__body{padding:14px 14px 16px}
.skdplus .skdplus__name{margin:0 0 6px;padding:0;font-size:15px;line-height:1.3;font-weight:700;color:var(--skdp-tx);border:0;background:none}
.skdplus__meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--skdp-mu)}
.skdplus__pill{padding:2px 9px;border-radius:999px;background:var(--skdp-bg)}
.skdplus__pill--new{background:linear-gradient(135deg,var(--skdp-ac),var(--skdp-ac2));color:#fff;font-weight:700}
.skdplus__empty{grid-column:1/-1;padding:40px;text-align:center;color:var(--skdp-mu)}
.skdplus__pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:26px 0 8px}
.skdplus .skdplus__pbtn{
  min-width:40px;height:40px;margin:0;padding:0 12px;border:1px solid var(--skdp-line);border-radius:12px;background:#fff;color:var(--skdp-tx);
  font:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;box-shadow:none}
.skdplus .skdplus__pbtn:hover:not(:disabled){border-color:var(--skdp-ac);color:var(--skdp-ac)}
.skdplus .skdplus__pbtn.is-cur{border:0;color:#fff;background:linear-gradient(135deg,var(--skdp-ac),var(--skdp-ac2));box-shadow:var(--skdp-glow)}
.skdplus .skdplus__pbtn:disabled{opacity:.4;cursor:default}
.skdplus__dots{align-self:center;color:var(--skdp-mu)}
.skdplus__note{margin:18px 0 0;padding:0 8px;text-align:center;color:var(--skdp-mu);font-size:12px;line-height:1.5}
@media (max-width:520px){.skdplus__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.skdplus .skdplus__input{flex-basis:100%}}