/* SONORA — page-specific styles for inner pages (Angebot, Preise, Über, Galerie, Kontakt) */

/* Active nav indicator */
nav.site a.on{ color:var(--gold); position:relative; }
nav.site a.on::after{
  content:''; position:absolute; left:0; right:0; bottom:-6px;
  height:1px; background:var(--gold);
}

/* ====== PAGE HEADER (the hero on inner pages) ====== */
.page-head{
  position:relative; padding:200px 0 100px; overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(60% 50% at 80% 20%, rgba(188,148,70,.10), transparent 60%),
    radial-gradient(50% 40% at 10% 100%, rgba(60,45,30,.4), transparent 60%),
    linear-gradient(180deg, #0b0907 0%, #14100c 100%);
}
.page-head .grain{
  position:absolute; inset:0; pointer-events:none; opacity:.25; mix-blend-mode:overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9  0 0 0 0 0.85  0 0 0 0 0.7  0 0 0 0.25 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
.page-head .container{position:relative; z-index:2}
.page-head .crumb{
  font-family:var(--sans); font-size:11px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--mute-2); margin-bottom:34px;
  display:flex; align-items:center; gap:14px;
}
.page-head .crumb a{ color:var(--mute-2); transition:color .2s }
.page-head .crumb a:hover{ color:var(--gold) }
.page-head .crumb b{ color:var(--gold); font-weight:500 }
.page-head .crumb .sep{ color:var(--line-2) }
.page-head h1{
  font-family:'Sonora','Fraunces',serif; font-weight:400; font-style:normal;
  font-size: clamp(54px, 8vw, 116px); line-height:.95; letter-spacing:-.055em;
  max-width: 14ch;
}
.page-head h1 .gold{color:var(--gold)}
.page-head h1 .solid{font-style:normal; font-weight:500}
.page-head .lead{
  margin-top:32px; max-width:60ch; font-size:clamp(16px, 1.2vw, 19px);
  color:var(--paper-d); line-height:1.55;
}

/* ====== Section header reused ====== */
.sec-eyebrow{margin-bottom:26px}

/* ====== Big-number list (used on multiple pages) ====== */
.bignum{
  display:grid; grid-template-columns: 100px 1fr; gap:32px;
  padding:30px 0; border-top:1px solid var(--line);
}
.bignum:last-child{border-bottom:1px solid var(--line)}
.bignum .n{
  font-family:'Sonora','Fraunces',serif; font-weight:400; font-style:normal;
  font-size:56px; color:var(--gold); line-height:.95; letter-spacing:-.045em;
}
.bignum .body h3{
  font-family:'Sonora','Fraunces',serif; letter-spacing:-.03em; font-weight:400; font-style:normal;
  font-size:28px; line-height:1.05; margin-bottom:14px; color:var(--paper);
}
.bignum .body p{
  color:var(--paper-d); font-size:15px; line-height:1.6; max-width:62ch;
  margin-bottom:8px;
}
.bignum .body .meta{
  margin-top:18px; display:flex; flex-wrap:wrap; gap:8px;
}
.bignum .body .meta span{
  font-family:var(--sans); font-size:10px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--mute-2); border:1px solid var(--line-2);
  padding:5px 10px;
}

/* ====== CTA strip used at end of inner pages ====== */
.cta-strip{
  padding:120px 0; border-top:1px solid var(--line); text-align:center;
  background:
    radial-gradient(60% 50% at 50% 0%, rgba(188,148,70,.12), transparent 70%);
}
.cta-strip h2{
  font-size:clamp(44px, 6vw, 88px); max-width:18ch; margin:0 auto 24px;
}
.cta-strip p{ color:var(--paper-d); max-width:54ch; margin:0 auto 36px; font-size:17px }
.cta-strip .cta-row{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap }

@media (max-width:960px){
  .page-head{padding:130px 0 60px}
  .page-head h1{font-size:clamp(40px, 11vw, 64px)}
  .page-head .crumb{margin-bottom:24px; font-size:10px}
  .page-head .lead{margin-top:24px; font-size:15px}
  .bignum{grid-template-columns:1fr; gap:14px; padding:24px 0}
  .bignum .n{font-size:40px}
  .cta-strip{padding:80px 0}
  .cta-strip h2{font-size:clamp(34px, 9vw, 56px)}
  .cta-strip p{font-size:15px}
  .cta-strip .btn{padding:13px 18px; font-size:10px}
}
@media (max-width:560px){
  .page-head h1{font-size:clamp(36px, 10vw, 52px); line-height:.98}
}