:root{--ink:#102030;--ink2:#0a1723;--muted:#5f6d7a;--paper:#fff;--bg:#f5f2eb;--red:#922633;--red2:#6e1723;--gold:#b58b47;--blue:#173552;--line:#d8dee4;--green:#285c3b;--shadow:0 18px 50px rgba(16,32,48,.11);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.58}a{color:inherit}img{max-width:100%}.wrap{width:min(1240px,calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px 14px;z-index:100}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(16,32,48,.08);backdrop-filter:blur(12px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:#fff;font-weight:900}.brand-copy{font-weight:900;line-height:1.15}.brand-copy small{display:block;font-size:.70rem;font-weight:650;color:var(--muted);margin-top:3px}.navlinks{display:flex;gap:18px;align-items:center}.navlinks a{text-decoration:none;font-weight:780;font-size:.93rem}.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--red)}.nav-toggle{display:none;background:#fff;border:1px solid var(--line);padding:9px 12px;font-weight:800}
.hero{background:radial-gradient(circle at 12% 0,rgba(181,139,71,.18),transparent 32%),linear-gradient(135deg,#fbf9f4,#e9eef2);border-bottom:1px solid rgba(16,32,48,.08)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:center;padding:72px 0}.eyebrow,.kicker{display:inline-block;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:900;color:var(--red)}h1,h2,h3{line-height:1.13}h1{font:500 clamp(2.7rem,6vw,5.3rem)/1.05 Georgia,serif;letter-spacing:-.04em;margin:12px 0 20px}h1 span{color:var(--red)}h2{font:500 clamp(2rem,4vw,3.4rem)/1.1 Georgia,serif;letter-spacing:-.025em;margin:9px 0 18px}.lead{font-size:1.12rem;color:#3d4d5a;max-width:820px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.stat{background:rgba(255,255,255,.82);border:1px solid rgba(16,32,48,.09);padding:17px}.stat strong{display:block;font:600 1.9rem Georgia,serif}.stat span{color:var(--muted);font-size:.84rem}.hero-note{background:var(--ink);color:#fff;padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-note h3{font-size:1.2rem;margin:0 0 10px}.hero-note p{color:#d8e0e7}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-weight:850;padding:12px 17px;border:1px solid transparent}.button.primary,.btn.primary{background:var(--red);color:#fff}.button.secondary,.btn.secondary{border-color:var(--ink);background:#fff;color:var(--ink)}.button.gold{background:var(--gold);color:#1b160d}
.section{padding:72px 0}.section.white{background:#fff}.section.dark{background:var(--ink);color:#fff}.section.dark .lead,.section.dark .section-head p{color:#cbd5de}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:28px}.section-head>div:first-child{max-width:760px}.section-head p{max-width:500px;color:var(--muted);margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.book-card{background:#fff;color:var(--ink);border:1px solid rgba(16,32,48,.09);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 32px rgba(10,23,35,.08);display:flex;flex-direction:column}.cover-frame{position:relative;background:#e9edf0;padding:18px;min-height:340px;display:grid;place-items:center;overflow:hidden}.cover-frame img{width:100%;height:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 12px 17px rgba(0,0,0,.17))}.cover-overlay{display:none;position:absolute;inset:18px;background:linear-gradient(145deg,#0f2232,#263d50);color:#fff;padding:25px;align-content:center;text-align:center}.cover-frame.cover-missing .cover-overlay{display:grid}.book-copy{padding:20px 21px 22px;display:flex;flex-direction:column;flex:1}.badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.badge{padding:4px 8px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.badge.live{background:#e5f2e9;color:var(--green)}.badge.date{background:#eef2f5;color:#455461}.badge.legacy{background:#f4ead7;color:#745a21}.book-card h3{font-size:1.18rem;margin:0 0 8px}.subtitle{font-weight:750;color:#4b5b68;margin:0 0 11px}.summary{color:#465563}.mini-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.mini-facts span{display:block;border-top:1px solid var(--line);padding-top:7px;font-size:.82rem}.mini-facts b{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px}.card-actions a{font-size:.86rem}.bod-link{background:var(--red);color:#fff}.detail-link{border:1px solid var(--line);background:#fff}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{display:grid;grid-template-columns:170px 1fr;background:#fff;border-top:5px solid var(--gold);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.project-card .project-cover{background:#e9edf0;padding:15px}.project-card .project-cover img{width:100%;height:100%;min-height:245px;object-fit:cover}.project-copy{padding:22px}.project-copy h3{margin:4px 0 7px}.project-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.project-meta div{border-top:1px solid var(--line);padding-top:7px}.project-meta b{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.status-box{background:#f4efe5;border-left:4px solid var(--gold);padding:12px 14px;font-weight:700}
.page-hero{padding:58px 0 42px;background:linear-gradient(135deg,#fbf9f4,#e9eef2);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.5rem,5vw,4.2rem)}.book-detail{display:grid;grid-template-columns:minmax(230px,330px) 1fr;gap:50px;align-items:start}.book-detail .cover-frame{border-radius:var(--radius);min-height:460px}.book-detail .cover-frame img{max-height:440px}.facts-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.fact{background:#fff;border:1px solid var(--line);padding:13px}.fact b{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:3px}.source-note{font-size:.88rem;color:var(--muted)}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-card{background:#fff;border:1px solid var(--line);padding:21px;border-radius:var(--radius)}.review-card h3{font-size:14pt;margin:0 0 10px}.review-card p{margin-bottom:0}.score{display:inline-flex;min-width:58px;justify-content:center;background:var(--red);color:#fff;padding:5px 8px;font-weight:900;margin-bottom:9px}.matrix-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}table.matrix{border-collapse:collapse;width:100%;min-width:980px}table.matrix th,table.matrix td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:center;font-size:.86rem}table.matrix th:first-child,table.matrix td:first-child{text-align:left;position:sticky;left:0;background:#fff;min-width:270px}table.matrix thead th{background:#eef2f5;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}table.matrix tbody tr:hover td{background:#faf8f4}table.matrix tbody tr:hover td:first-child{background:#faf8f4}.theme-main{font-weight:900;color:var(--red)}.theme-med{font-weight:900;color:var(--blue)}.theme-low{color:#7a8792}.legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.87rem;margin:10px 0 18px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{background:#fff;padding:22px;border:1px solid var(--line);border-radius:var(--radius)}.info-card h3{margin-top:0}.official-box{background:#fff;border:1px solid var(--line);border-left:5px solid var(--red);padding:25px;border-radius:var(--radius)}
.author-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px}.author-mark{aspect-ratio:1;max-width:330px;border-radius:50%;background:linear-gradient(145deg,var(--ink),var(--blue));display:grid;place-items:center;color:#fff;font:600 5rem Georgia,serif;box-shadow:var(--shadow)}
.legal-card{background:#fff;border:1px solid var(--line);padding:clamp(22px,5vw,48px);border-radius:var(--radius);box-shadow:var(--shadow)}.legal-card h1{font-size:clamp(2.4rem,5vw,4rem)}.legal-card h2{font-family:Georgia,serif;font-size:1.6rem;margin-top:28px}
.footer{background:#08131d;color:#d9e1e8;padding:38px 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer h3{color:#fff}.footer a{display:block;color:#fff;margin:6px 0}.footer small{color:#8d9aa6}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#94a1ad;font-size:.84rem}
.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.filterbar input,.filterbar select{padding:11px 12px;border:1px solid var(--line);background:#fff;font:inherit}.filterbar input{min-width:280px;flex:1}.hidden{display:none!important}
@media(max-width:1050px){.book-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-note{max-width:700px}.project-grid{grid-template-columns:1fr}.facts-table{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.nav-toggle{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.stats,.book-grid,.review-grid,.info-grid,.author-grid,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:10px}.book-detail{grid-template-columns:1fr}.project-card{grid-template-columns:1fr}.project-card .project-cover img{max-height:340px}.facts-table{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin:5px 0}}
@media(max-width:520px){.wrap{width:min(100% - 24px,1240px)}.hero-grid{padding:52px 0}.section{padding:54px 0}.stats{grid-template-columns:1fr}.filterbar input{min-width:0;width:100%}}

/* Vier Widgets pro Reihe auf Desktop, responsive auf kleineren Geraeten */
@media(min-width:1180px){.wrap{width:min(1500px,calc(100% - 56px))}.book-grid,.review-grid,.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-card{display:flex;flex-direction:column}.project-card .project-cover img{height:240px;min-height:0;object-fit:contain}.project-copy{flex:1}.book-card .cover-frame{min-height:260px}.book-card .cover-frame img{max-height:250px}}
@media(min-width:780px) and (max-width:1179px){.review-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.visit-counter{max-width:1480px;margin:25px auto 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.2);font-size:.94rem;color:inherit}.visit-counter strong{font-variant-numeric:tabular-nums}.visit-counter small{opacity:.8}
.matrix-responsive{overflow-x:auto;max-width:100%}

/* Vier Widgets pro Reihe auf großen Bildschirmen */
@media(min-width:1100px){.book-grid,.project-grid,.review-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-card{display:block;min-width:0}.book-card,.review-card{min-width:0}}
@media(min-width:781px) and (max-width:1099px){.book-grid,.project-grid,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.book-grid,.project-grid,.review-grid{grid-template-columns:1fr}}

@media(min-width:1180px){.book-grid,.project-grid,.review-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.pending-card{opacity:.74;border-style:dashed!important}.admin-counter-link{font-size:.85rem;margin-top:10px}.admin-counter-link a{color:inherit;text-decoration:underline}

@media(min-width:1150px){.book-grid,.project-grid,.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important}}

.project-cover-note{margin:0 0 18px;color:#465563;font-size:.98rem}.project-cover-note::before{content:"✦ ";color:var(--red);font-weight:700}.project-cover img{width:100%;height:100%;max-height:340px;object-fit:contain;filter:drop-shadow(0 12px 17px rgba(0,0,0,.17))}
@media(min-width:1150px){.book-grid,.project-grid,.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Relaunch 2026: eindeutiges Projektcover-Label und einheitliche Viererreihen */
.project-cover{position:relative}.design-label{position:absolute;left:15px;top:15px;z-index:2;background:rgba(15,32,48,.95);color:white;border-radius:4px;padding:7px 10px;font-size:.72rem;font-weight:800;letter-spacing:.045em}.book-card,.project-card,.review-card{transition:transform .18s ease,box-shadow .18s ease}.book-card:hover,.project-card:hover,.review-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(10,23,35,.12)}@media(prefers-reduced-motion:reduce){.book-card,.project-card,.review-card{transition:none!important}}@media(min-width:1160px){.book-grid,.project-grid,.review-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}