/* Geometry measured against the live Kälte-Klar homepage on 2026-10-23.
   The shared layout already uses the same responsive type scale and widths.
   Keep Volt copy, palette and natural text wrapping; only restore measured
   differences introduced by its own logo and section-specific overrides. */

/* Same logo frame as the reference. Contain preserves the Volt SVG ratio. */
body:has(.volt-learning-backdrop--home) nav.kk-nav[data-kk-fixed-header] .kk-logo img {
  width:150px;
  height:40px;
  object-fit:contain;
  object-position:left center;
}
.kk-release .footer > a > img {
  width:190px;
  height:50.6667px;
  object-fit:contain;
  object-position:left center;
}

/* Four equal statistic cards: reference gaps and top inset. */
.kk-release #inhalt .facts.kk-learning__facts {
  padding-top:20px;
  gap:14px;
}

/* The electrical formula keeps its own terms in the reference legend grid. */
.kk-release .tool-formula .formula-legend {
  grid-template-columns:.6fr .9fr .9fr;
}

/* Match the reference section-heading scale within the simulation preview. */
.kk-release .simulation-section h2 {
  margin-top:16px;
  font-size:clamp(38px,3.6vw,66px);
  line-height:1.08;
  letter-spacing:-.05em;
}

@media (min-width:980px) and (max-width:1180px) {
  body:has(.volt-learning-backdrop--home) nav.kk-nav[data-kk-fixed-header] .kk-logo img {
    width:120px;
    height:32px;
  }
}
@media (max-width:760px) {
  body:has(.volt-learning-backdrop--home) nav.kk-nav[data-kk-fixed-header] .kk-logo img {
    width:100px;
    height:40px;
  }
  .kk-release #inhalt .facts.kk-learning__facts {
    padding-top:16px;
    gap:8px;
  }
  .kk-release .simulation-section h2 {
    margin-top:14px;
    font-size:clamp(30px,8vw,46px);
    line-height:1.07;
    letter-spacing:-.055em;
  }
}

/* The floating access link escapes the page's clipping containers on Safari. */
body > .kk-access-dock[data-access-dock] {
  font-family:Arial,Helvetica,sans-serif;
}

/* Comfortable mobile footer links, shared with Kälte-Klar. */
@media(max-width:760px){
  footer.wrap.footer nav[aria-label="Hilfe und rechtliche Informationen"],
  footer.wrap.footer nav[aria-label="Lernen und Prüfungsvorbereitung"]{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;align-items:stretch;justify-content:initial;width:100%;
  }
  footer.wrap.footer nav[aria-label="Hilfe und rechtliche Informationen"] a,
  footer.wrap.footer nav[aria-label="Lernen und Prüfungsvorbereitung"] a{
    display:flex;align-items:center;min-width:0;min-height:44px;padding:8px 0;font-size:14px;line-height:1.45;overflow-wrap:anywhere;hyphens:auto;text-align:left;
  }
}
@media(max-width:760px){footer.wrap.footer nav a.vk-consent-settings{font-size:14px!important;line-height:1.45!important}}