/* =====================================================================
   BÜCHER NEST — Ergänzungen zu site.css (pruem.one-Design)
   ===================================================================== */

/* Logo mit Buch-Icon */
.nlogo{display:flex;align-items:center;gap:12px;}
.nlogo .nesticon{width:40px;height:40px;}
.nlogo:hover .nesticon{transform:rotate(-8deg) scale(1.06);}
.nlogo:hover .nb-l{transform:skewY(-6deg);}
.nlogo:hover .nb-r{transform:skewY(6deg);}
body.mopen .nlogo .nesticon{color:var(--bk);}
body.mopen .nlogo .nb-l,body.mopen .nlogo .nb-r{fill:var(--bk);}

/* Hero */
.nhero .l2{font-size:clamp(110px,33vw,600px);}
.nhero .claim .brand{font-size:clamp(34px,4.4vw,80px);}
@media(max-width:640px){.nhero .claim .brand{font-size:34px;}}

/* Suche */
.search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border-bottom:3px solid var(--wh);padding-bottom:10px;margin-bottom:26px;}
.search label{color:var(--red);}
.search input{all:unset;font-family:var(--disp);font-size:clamp(34px,5.4vw,90px);text-transform:uppercase;line-height:1.05;color:var(--wh);min-width:0;}
.search input::placeholder{color:#3a3834;}
.search input::-webkit-search-cancel-button{filter:invert(1);}
.search:focus-within{border-color:var(--red);}
#qcnt{color:var(--grey);white-space:nowrap;}
@media(max-width:640px){.search{grid-template-columns:1fr;gap:6px;} #qcnt{order:3;}}

/* Buchkarten */
.bks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:4px;}
.bk{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 22px 18px;background:var(--bk2);border:1px solid var(--line);min-height:230px;
  isolation:isolate;overflow:hidden;transition:color .25s,border-color .25s;}
.bk::before{content:"";position:absolute;inset:0;background:var(--red);transform:translateY(101%);transition:transform .4s cubic-bezier(.7,0,.2,1);z-index:-1;}
a.bk:hover::before,a.bk:focus-visible::before{transform:none;}
a.bk:hover{color:var(--bk);border-color:var(--red);}
.bk .au{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);}
.bk .ti{font-family:var(--disp);text-transform:uppercase;font-size:clamp(24px,2vw,32px);line-height:.98;overflow-wrap:anywhere;hyphens:auto;}
.bk:nth-child(3n+2) .ti{font-family:var(--serif);font-style:italic;text-transform:none;font-size:clamp(27px,2.3vw,36px);line-height:1;}
.bk .su{font-style:italic;font-size:16.5px;line-height:1.3;color:#bdb8ad;}
.bk .me{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--grey);margin-top:auto;padding-top:6px;}
.bk .me b{color:var(--wh);font-weight:400;}
.bk .go{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:10px;}
a.bk:hover .au,a.bk:hover .su,a.bk:hover .me,a.bk:hover .me b{color:var(--bk);}
a.bk:hover .go{border-color:var(--bk);}
.bk.soon{opacity:.45;}

/* Themenseite: Sprungleiste + Sachgebiete */
.jump{display:flex;flex-wrap:wrap;gap:4px 22px;padding:0 var(--gut) 20px;}
.jump a{font-family:var(--disp);text-transform:uppercase;font-size:clamp(26px,3vw,44px);line-height:1.05;color:transparent;-webkit-text-stroke:1.2px var(--wh);transition:color .2s;}
.jump a span{font-family:var(--mono);font-size:12px;color:var(--red);-webkit-text-stroke:0;vertical-align:super;}
.jump a:hover{color:var(--red);-webkit-text-stroke:0;}
.wrapn{padding:0 var(--gut);}
.ncat{padding-top:clamp(40px,6vw,90px);scroll-margin-top:70px;}
.ncat header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:2px solid var(--wh);padding-bottom:8px;margin-bottom:16px;}
.ncat h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(52px,10vw,170px);line-height:.8;margin:0;}
.ncat:nth-child(3n+2) h2{color:var(--red);}
.ncat:nth-child(3n+3) h2{color:transparent;-webkit-text-stroke:2px var(--wh);}
.ncat header .mono{color:var(--grey);}
.ntop{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:34px 0 12px;break-after:avoid;
  font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(26px,2.8vw,40px);line-height:1;border-bottom:1px solid var(--line);padding-bottom:8px;}
.ntop span:first-child::before{content:"";display:inline-block;width:12px;height:12px;background:var(--red);margin-right:12px;vertical-align:.12em;}
.ntop .mono{color:var(--grey);font-style:normal;}

/* Startseite: Themenliste Zusatz */
.themes .c small{display:block;margin-top:6px;font-size:10.5px;letter-spacing:.06em;color:var(--grey);text-transform:none;max-width:260px;white-space:normal;}
.themes a:hover .c small{color:var(--bk);}

/* So wird gelesen */
.how{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;}
.how p{margin:0;padding:24px;border:1px solid var(--line);font-style:italic;font-size:clamp(20px,1.8vw,26px);line-height:1.15;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;}
.how b{font-family:var(--disp);font-weight:400;font-style:normal;color:var(--red);font-size:52px;line-height:1;}
@media(max-width:900px){.how{grid-template-columns:1fr 1fr;}}
.sec{scroll-margin-top:70px;}