/* deimudda.cloud — Stylesheet der Kategorieseiten (ka-952).
   Tokens identisch zur Startseite, damit der Look eine Sprache spricht. */
:root{
  --bg:#f5f1e8; --card:#fffdf8; --ink:#2a2520; --muted:#6b6157;
  --blau:#3E6BB0; --rot:#C0392B; --gold:#D9A441; --line:#e2d9c8;
  --radius:16px; --shadow:0 2px 14px rgba(60,45,25,.09);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--blau)}
.wrap{max-width:820px;margin:0 auto;padding:0 20px 10px}

/* Kopf + Kategorie-Leiste (auf jeder Seite gleich = Hauptverteilung der Linkkraft) */
.kopf{background:var(--card);border-bottom:1px solid var(--line);padding:14px 20px;
  display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center}
.marke{font-weight:800;font-size:1.15rem;text-decoration:none;color:var(--ink);letter-spacing:-.02em}
.marke span{color:var(--rot)}
.katnav{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.katnav a,.katnav .on{font-size:.88rem;font-weight:600;padding:5px 11px;border-radius:999px;
  text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--blau)}
.katnav a:hover{background:#f0f5fc}
.katnav .on{background:var(--blau);color:#fff;border-color:var(--blau)}

.brot{font-size:.82rem;color:var(--muted);margin:20px 0 6px}
.brot a{color:var(--muted)}
.brot span{margin:0 4px}

h1{font-size:clamp(1.7rem,4.4vw,2.5rem);line-height:1.1;letter-spacing:-.02em;margin:6px 0 4px}
h1 .zahl{display:block;font-size:1.05rem;font-weight:600;color:var(--muted);letter-spacing:0;margin-top:6px}
h2{font-size:1.3rem;margin:38px 0 12px;letter-spacing:-.01em}

.katbild{float:right;width:150px;height:auto;margin:0 0 12px 20px;border-radius:50%;
  border:3px solid var(--gold);background:#efe7d6;object-fit:cover}
@media (max-width:560px){.katbild{float:none;display:block;margin:14px auto;width:130px}}
.intro{margin:0 0 14px;font-size:1rem}

/* Witz-Listen: <ol>/<li>, KEINE Ueberschrift pro Witz (waere Ueberschriften-Spam) */
ol.witze{margin:0 0 6px;padding-left:0;list-style:none;counter-reset:w}
ol.witze li{counter-increment:w;position:relative;background:var(--card);border:1px solid var(--line);
  border-radius:12px;padding:14px 16px 14px 52px;margin:0 0 9px;font-size:1rem}
ol.witze li::before{content:counter(w);position:absolute;left:14px;top:14px;
  min-width:26px;text-align:center;font-size:.78rem;font-weight:800;color:var(--muted)}

.hinweis-eigen{background:#fdf6e6;border:1px solid var(--gold);border-radius:var(--radius);
  padding:14px 16px;margin:0 0 14px;font-size:.93rem;color:#5a4b30}

.zurueck{margin:34px 0 0;text-align:center}
.btn{display:inline-block;background:var(--rot);color:#fff;text-decoration:none;
  border-radius:999px;padding:14px 28px;font-weight:700;box-shadow:var(--shadow)}
.btn:hover{filter:brightness(1.07)}

ul.weiter{margin:0;padding-left:20px}
ul.weiter li{margin:7px 0}

footer{margin:46px 0 40px;padding-top:22px;border-top:1px solid var(--line);
  color:var(--muted);font-size:.88rem;display:flex;gap:16px;flex-wrap:wrap;
  justify-content:space-between;align-items:center}
footer nav a{margin-left:14px}
@media (max-width:560px){footer{flex-direction:column;text-align:center;gap:10px}
  footer nav a{margin:0 8px}}