/* Kraftis 6.7 – ein einziges Raster für Wetter, Spiele und Zeitraffer */
:root{
  --shell-width:1080px;
  --shell-bg:#160d12;
  --shell-panel:#211017;
  --shell-text:#f8eef2;
  --shell-muted:#c7aeb8;
  --shell-line:#5a3443;
  --shell-accent:#b64058;
}
html,body{
  margin:0!important;
  min-height:100%!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(139,43,67,.14),transparent 32%),
    linear-gradient(180deg,#160d12 0%,#0f090c 100%)!important;
}
body.subpage{
  padding:0!important;
  color:var(--shell-text)!important;
  overflow-x:hidden!important;
}
body.subpage .sitebar{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  z-index:1000!important;
  height:60px!important;
  margin:0!important;
  padding:0 max(14px,calc((100vw - var(--shell-width))/2))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:rgba(22,13,18,.96)!important;
  border-bottom:1px solid rgba(90,52,67,.55)!important;
  backdrop-filter:blur(12px)!important;
}
body.subpage .sitebrand{
  margin:0!important;
  font-size:1.28rem!important;
  font-weight:760!important;
  line-height:1!important;
  color:#fff!important;
  text-decoration:none!important;
}
body.subpage .sitebrand::after{
  content:''!important;display:block!important;
  width:28px!important;height:2px!important;
  margin-top:5px!important;background:var(--shell-accent)!important;
}
body.subpage .sitenav{display:flex!important;align-items:center!important;gap:3px!important}
body.subpage .sitenav a{
  padding:7px 10px!important;
  color:var(--shell-muted)!important;
  background:transparent!important;
  border:0!important;border-radius:7px!important;
  text-decoration:none!important;
  font-size:.86rem!important;
}
body.subpage .sitenav a.active,
body.subpage .sitenav a:hover{
  color:#fff!important;background:rgba(255,255,255,.055)!important
}
body.subpage .subpage-main{
  width:min(var(--shell-width),calc(100% - 28px))!important;
  margin:0 auto!important;
  padding:80px 0 18px!important;
}
body.subpage .pagehead{
  height:96px!important;
  min-height:96px!important;
  margin:0 0 14px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
body.subpage .page-kicker{
  margin:0 0 5px!important;
  color:var(--shell-accent)!important;
  font-size:.66rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
body.subpage .page-title{
  margin:0!important;
  color:#fff!important;
  font-size:2.25rem!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:-.05em!important;
}
body.subpage .page-subtitle{
  margin:7px 0 0!important;
  color:var(--shell-muted)!important;
  font-size:.84rem!important;
  line-height:1.25!important;
}
@media(max-width:620px){
  body.subpage .sitebar{height:56px!important;padding:0 10px!important}
  body.subpage .sitebrand{font-size:1.12rem!important}
  body.subpage .sitenav a{padding:6px!important;font-size:.76rem!important}
  body.subpage .subpage-main{width:calc(100% - 20px)!important;padding-top:72px!important}
  body.subpage .pagehead{height:86px!important;min-height:86px!important;margin-bottom:10px!important}
  body.subpage .page-title{font-size:1.9rem!important}
}

/* 7.6 – kein Farb-Neustart am Seitenende */
html{
  min-height:100%!important;
  background:#0f090c!important;
}
body.subpage{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(139,43,67,.14),transparent 38%),
    linear-gradient(180deg,#160d12 0%,#0f090c 100%)!important;
  background-attachment:fixed!important;
}

/* 8.0 – Kraftis Skyline-Logo, identisch auf allen Unterseiten */
body.subpage .sitebar{background:rgba(10,10,11,.97)!important}
body.subpage .sitebrand{
  display:block!important;width:390px!important;height:56px!important;padding:0!important;margin:0!important;
  background:url('/assets/kraftis-logo.svg') left center/contain no-repeat!important;
  font-size:0!important;line-height:0!important;color:transparent!important;
}
body.subpage .sitebrand::after{display:none!important;content:none!important}
@media(max-width:620px){body.subpage .sitebrand{width:255px!important;height:48px!important}}
@media(max-width:430px){body.subpage .sitebrand{width:215px!important;height:44px!important}}

/* 8.2 – Typografie passend zum KRAFTIS-Logo */
:root{--kraftis-display:"Century Gothic","Avenir Next",Avenir,Futura,Arial,sans-serif}
body.subpage .sitenav a{
  font-family:var(--kraftis-display)!important;
  font-weight:400!important;
  letter-spacing:.045em!important;
}
body.subpage .page-kicker,
body.subpage .page-title,
body.subpage .page-subtitle{
  font-family:var(--kraftis-display)!important;
}
body.subpage .page-kicker{letter-spacing:.16em!important;font-weight:600!important}
body.subpage .page-title{letter-spacing:.015em!important;font-weight:500!important}
body.subpage .page-subtitle{letter-spacing:.025em!important;font-weight:400!important}


/* 8.3 – KRAFTIS-Typografie auf Unterseiten */
body.subpage .sitenav a{
  font-family:var(--kraftis-display)!important;
  font-weight:500!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
  font-size:.78rem!important;
}
body.subpage .page-kicker{
  font-weight:500!important;
  letter-spacing:.20em!important;
}
body.subpage .page-title{
  font-weight:500!important;
  letter-spacing:.055em!important;
}
body.subpage .page-subtitle{
  font-weight:400!important;
  letter-spacing:.045em!important;
}

/* Unterseiten: Scrollbar unsichtbar, Scrollen bleibt aktiv */
html,body.subpage{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html::-webkit-scrollbar,
body.subpage::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}


/* 8.4 – letzte Instanz für ALLE Unterseiten, inkl. Zeitraffer */
body.subpage .sitenav a{
  font-family:var(--kraftis-display)!important;
  font-weight:500!important;
  font-style:normal!important;
  text-transform:uppercase!important;
  letter-spacing:.13em!important;
  font-size:.77rem!important;
}
body.subpage .page-kicker{
  font-family:var(--kraftis-display)!important;
  font-weight:500!important;
  font-style:normal!important;
  letter-spacing:.23em!important;
}
body.subpage .page-title{
  font-family:var(--kraftis-display)!important;
  font-weight:500!important;
  font-style:normal!important;
  letter-spacing:.075em!important;
}
body.subpage .page-subtitle{
  font-family:var(--kraftis-display)!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:.055em!important;
}