/* Startseite im Stil des abgestimmten Jagdjournal-Entwurfs. */

/* --journal-* stehen zentral in tokens.css. Hier bewusst KEINE Definition.
   Bis 09.09.2026 überschrieb dieser Block --journal-ink und --journal-rule
   mit abweichenden Werten (#1e291f / #d4cbbb) — nur auf der Startseite, weil
   diese Datei nach style.css geladen wird. --journal-fir und --journal-wine
   waren definiert, aber nirgends verwendet, und sind entfallen. */

body{background:var(--journal-paper);color:var(--journal-ink)}

/* Breites Morgenmotiv mit bewusst ruhiger Textzone links. */
.journal-hero{
  position:relative;
  isolation:isolate;
  width:min(1540px,calc(100% - 64px));
  min-height:340px;
  margin:18px auto 0;
  overflow:hidden;
  background:#35463b;
  color:#fff;
}
.journal-hero-image{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 47%;
  filter:saturate(.82) contrast(.98);
}
.journal-hero-shade{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(12,25,17,.87) 0%,rgba(15,28,20,.72) 35%,rgba(18,27,20,.25) 63%,rgba(13,19,15,.08) 100%);
}
.journal-hero-inner{
  width:100%;
  min-height:340px;
  margin:0 auto;
  padding:67px 100px 48px;
  display:flex;
  align-items:center;
}
.journal-hero-copy{max-width:700px}
.journal-hero h1{
  max-width:680px;
  margin:0;
  color:#fff;
  font:900 clamp(2.9rem,3.9vw,4.35rem)/.98 var(--font-serif);
  letter-spacing:-.052em;
  text-shadow:0 2px 18px rgba(0,0,0,.23);
}
.journal-hero h1 span{display:block}
.journal-hero h1 em{color:#e2c267;font-weight:700;font-style:italic}
.journal-hero-copy>p{
  max-width:610px;
  margin:19px 0 21px;
  color:#f5f3ec;
  font-size:15px;
  line-height:1.45;
  text-shadow:0 1px 7px rgba(0,0,0,.32);
}
.journal-actions{display:flex;flex-wrap:wrap;gap:14px}
.journal-button{
  min-width:252px;
  min-height:50px;
  padding:13px 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid #d4b55f;
  border-radius:2px;
  color:#fff;
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
  text-decoration:none;
  text-transform:none;
  transition:background .18s ease,border-color .18s ease;
}
.journal-button-primary{background:rgba(28,63,44,.91)}
.journal-button-primary:hover{background:#284f3a;border-color:#efd17b}
.journal-button-secondary{background:rgba(13,22,16,.34)}
.journal-button-secondary:hover{background:rgba(255,255,255,.12);border-color:#efd17b}

/* Themenleiste und redaktionelle Kennzahlen. */
.cat-strip{padding:11px 0;overflow:hidden;background:var(--journal-paper-deep);border-top:0;border-bottom:1px solid var(--journal-rule)}
.cat-strip-inner{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap}
.cat-strip-inner::-webkit-scrollbar{display:none}
.cat-strip .tag{border:1px solid #d7cebe;border-radius:999px;background:rgba(255,255,255,.22);color:#53564a;font-size:10px}
.cat-strip .tag:hover{border-color:var(--journal-brass);color:#7d6025}
.journal-site-stats{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:14px 0 3px;
  display:flex;
  gap:34px;
  border-bottom:1px solid var(--journal-rule);
}
.journal-site-stats>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:6px}
.journal-site-stats strong{color:var(--journal-ink);font-family:var(--font-serif);font-size:20px;line-height:1}
.journal-site-stats span{color:#777164;font-size:9px}

/* Startseiten-Karten. */
/* Der Aufmacherblock „Neueste Tests" laeuft seit 10.09.2026 ueber jr_hub();
   die 22 Regeln fuer .featured-grid/.feat-* sind damit tot und entfernt.
   .side-card BLEIBT — 44 Artikelseiten nutzen sie in der Seitenspalte. */

/* Testsieger und weitere Startseiten-Komponenten. */
.tsb{display:block;padding:42px 46px;background:#faf7f0;border:1px solid var(--journal-rule);border-left:4px solid var(--journal-brass);border-radius:0}
.tsb-eyebrow{margin-bottom:var(--space-2);color:#806426;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase}
.tsb-name{margin-bottom:var(--space-2);color:var(--journal-ink);font-family:var(--font-serif);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:var(--weight-black);line-height:var(--leading-tight)}
.tsb-sub{max-width:650px;margin-bottom:var(--space-6);color:#666356;font-size:var(--text-sm);line-height:var(--leading-loose)}
.tsb-specs{margin-bottom:var(--space-6);display:flex;gap:var(--space-6);flex-wrap:wrap}
.tsb-spec-val{color:var(--journal-ink);font-size:1.1rem;font-weight:var(--weight-bold)}
.tsb-spec-label{color:#6a665b;font-size:var(--text-xs)}
.tsb-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}
.why-card{padding:var(--space-6);background:#faf7f0;border:1px solid var(--journal-rule);border-radius:0;box-shadow:none;transition:border-color var(--trans)}
.why-card:hover{border-color:#a98a4c}
.why-icon{margin-bottom:var(--space-4);font-size:30px;filter:saturate(.55)}
.why-title{margin-bottom:var(--space-2);color:var(--journal-ink);font-family:var(--font-serif);font-size:1.05rem;font-weight:var(--weight-bold)}
.why-text{color:#666356;font-size:var(--text-sm);line-height:var(--leading-loose)}

/* Helles Journal-Farbsystem für den übrigen Startseiteninhalt. */
.section{padding:84px 0;background:var(--journal-paper)}
.section.section-dark{background:#f0eadf}
.section.section-mid{background:#eae2d4}
.page-wrap{width:min(1180px,calc(100% - 48px))}
.section-head{margin-bottom:39px}
.section-eyebrow,.side-card-cat{color:#806426}
.section-title,.side-card-title{color:var(--journal-ink)}
.section-sub,.side-card-meta{color:#666356}
.section-eyebrow::before{background:var(--journal-brass)}
.side-card,.gcard{border-color:var(--journal-rule)!important;border-radius:0;background:#faf7f0!important;box-shadow:none}
.side-card:hover{border-color:#a98a4c!important;box-shadow:0 10px 26px rgba(53,44,27,.09)}
.side-card{padding:16px}
.side-card-icon{border-radius:0;background:#e5dccb}
.btn-gold{border-radius:0;background:var(--journal-brass);color:#fff}
.btn-gold:hover{background:#7f5a20;color:#fff}

@media(max-width:900px){
  .journal-hero{width:calc(100% - 32px);min-height:410px;margin-top:14px}
  .journal-hero-image{object-position:61% center}
  .journal-hero-inner{min-height:410px;padding:52px 34px 42px}
  .journal-hero h1{max-width:620px;font-size:clamp(2.65rem,7.8vw,4rem)}
  .journal-hero-copy>p{max-width:540px}
}

@media(max-width:768px){
  .section{padding:58px 0}
  .page-wrap{width:calc(100% - 32px)}
  .tsb{padding:29px 24px}
  .journal-site-stats{width:calc(100% - 32px);gap:22px;overflow-x:auto}
  .journal-site-stats>div{flex:0 0 auto}
}

@media(max-width:560px){
  .journal-hero{width:100%;min-height:440px;margin-top:0}
  .journal-hero-image{object-position:67% center}
  .journal-hero-shade{background:linear-gradient(90deg,rgba(11,24,16,.91),rgba(14,27,18,.68) 75%,rgba(14,22,17,.35))}
  .journal-hero-inner{min-height:440px;padding:48px 20px 38px;align-items:flex-end}
  .journal-hero h1{font-size:clamp(2.35rem,12vw,3.45rem)}
  .journal-hero-copy>p{font-size:15px}
  .journal-actions{display:grid}
  .journal-button{width:100%;min-width:0}
  .journal-site-stats{padding-top:12px;gap:18px}
  .journal-site-stats strong{font-size:18px}
  .journal-site-stats span{font-size:8px}
}