/* digitalitaet-geisteswissenschaften.de - klassisch-akademischer Look (bewusst altbacken) */

@font-face{font-family:'PT Serif';src:url('/assets/fonts/pt-serif-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PT Serif';src:url('/assets/fonts/pt-serif-400i.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'PT Serif';src:url('/assets/fonts/pt-serif-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'PT Sans';src:url('/assets/fonts/pt-sans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PT Sans';src:url('/assets/fonts/pt-sans-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --ink:#2b2b2b; --text:#3a3a3a; --muted:#707070; --link:#1a4b8c; --link-hover:#0f2f5c;
  --paper:#ffffff; --band:#f2f2f0; --line:#dcdcd8;
  --serif:'PT Serif',Georgia,'Times New Roman',serif;
  --sans:'PT Sans','Segoe UI',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);color:var(--text);background:var(--paper);line-height:1.65;font-size:17px}
.wrap{max-width:820px;margin-inline:auto;padding-inline:24px}
.skip{position:absolute;left:-999px}
.skip:focus{left:12px;top:12px;background:#fff;border:1px solid var(--ink);padding:8px 14px}

/* ---- Kopf ---- */
.site-head{border-bottom:1px solid var(--line)}
.head-band{background:var(--band);border-bottom:1px solid var(--line);text-align:center;padding:38px 24px 30px}
.site-title{font-family:var(--serif);font-weight:700;font-size:clamp(1.9rem,4.5vw,2.7rem);line-height:1.15;color:var(--ink);letter-spacing:.01em}
.site-title a{color:inherit;text-decoration:none}
.site-title a:hover{color:#000}
.site-sub{font-family:var(--serif);font-style:italic;font-size:1.12rem;color:var(--muted);margin-top:8px}

.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 30px;padding:16px 24px}
.site-nav a{font-family:var(--sans);font-size:1rem;color:#4a4a4a;text-decoration:none;padding:4px 2px}
.site-nav a:hover{color:var(--ink);text-decoration:underline}
.site-nav a.active{color:var(--ink);border-bottom:2px solid #9a9a94}

/* ---- Inhalt ---- */
main{padding:44px 0 20px;min-height:50vh}
.page h1{font-family:var(--serif);font-weight:700;font-size:clamp(1.7rem,4vw,2.3rem);color:var(--ink);line-height:1.2;margin-bottom:22px}
.page h2{font-family:var(--serif);font-weight:700;font-size:1.5rem;color:var(--ink);margin:34px 0 12px}
.page h3{font-family:var(--serif);font-weight:700;font-size:1.22rem;color:var(--ink);margin:26px 0 10px}
.page p{margin:0 0 17px;max-width:66ch}
.page ul,.page ol{margin:0 0 17px 1.4em;max-width:66ch}
.page li{margin-bottom:7px}
.page a{color:var(--link);text-decoration:underline}
.page a:hover{color:var(--link-hover)}
.page img{max-width:100%;height:auto}
.lead{font-size:1.12rem;color:#2f2f2f}
blockquote{border-left:3px solid var(--line);margin:20px 0;padding:4px 0 4px 20px;color:#555;font-style:italic}

/* Startseiten-Themenliste */
.topic-list{list-style:none;margin:24px 0 0!important;padding:0}
.topic-list li{border-top:1px solid var(--line);padding:16px 0;max-width:none}
.topic-list li:last-child{border-bottom:1px solid var(--line)}
.topic-list a{font-family:var(--serif);font-size:1.2rem;text-decoration:none}
.topic-list a:hover{text-decoration:underline}
.topic-list .t-desc{display:block;font-family:var(--sans);font-size:.98rem;color:var(--muted);margin-top:4px;text-decoration:none}

/* Buch-Box (Amazon, dezent) */
.book-box{border:1px solid var(--line);background:#fafaf8;padding:18px 20px;margin:26px 0;max-width:66ch}
.book-box .bb-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}
.book-box p{margin:0 0 6px}
.book-box .bb-note{font-size:.8rem;color:var(--muted);margin-top:8px}

/* tl;dr-Kurzfassung (z.B. Datenschutz) */
.tldr{background:var(--band);border:1px solid var(--line);border-left:4px solid #9a9a94;padding:16px 20px;margin:0 0 30px;max-width:70ch}
.tldr-h{font-family:var(--serif);font-weight:700;font-size:1.05rem;color:var(--ink);margin-bottom:6px}
.tldr p{margin:0;font-size:.98rem}

/* Affiliate-Hinweis (aufklappbar) */
.aff-note{margin:22px 0;max-width:66ch}
.aff-note summary{cursor:pointer;color:#555;font-size:.92rem}
.aff-note p{font-size:.85rem;color:var(--muted);margin:8px 0 0}

/* ---- Fuss ---- */
.site-foot{border-top:1px solid var(--line);margin-top:50px;padding:28px 0 40px;background:#fafafa}
.foot-hist{font-size:.86rem;color:var(--muted);max-width:70ch;margin-bottom:14px}
.foot-nav a{font-size:.9rem;color:#555;text-decoration:none;margin-right:20px}
.foot-nav a:hover{text-decoration:underline}

@media(max-width:600px){
  body{font-size:16px}
  .site-nav ul{gap:2px 18px;font-size:.94rem}
  .head-band{padding:28px 20px 22px}
}