/* ==========================================================================
   k24 Theme – Bootstrap-Reboot in der Content-Insel zuruecksetzen
   --------------------------------------------------------------------------
   Bootstrap 5 bleibt geladen (Shopware bringt es mit). Sein Reboot und die
   Komponenten-Defaults duerfen das k24-Design nicht ueberschreiben.
   Liegt NACH Bootstrap und NACH k24-theme.css. Nur innerhalb von .k24-blog.

   Erzeugen: python tools/_theme_bauen.py
   Hand-Aenderungen hier werden beim naechsten Lauf ueberschrieben. Die Werte
   unten stammen aus den Variablen in templates/contentseite/k24_head.html.
   ========================================================================== */

.k24-blog {
  --bs-primary: #F18700;
  --bs-primary-rgb: 241, 135, 0;
  --bs-body-color: #46322B;
  --bs-body-bg: #FFFFFF;
  --bs-border-radius: 8px;
  --bs-font-sans-serif: "dinot", "Kamdi24 DIN OT", "Open Sans", sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 16px;
  --bs-body-line-height: 1.5;
  --bs-link-color: inherit;
  --bs-link-hover-color: inherit;
  --bs-heading-color: #46322B;
}

/* Container: gleiche Breite wie .k24-container, kein extra Gutter. */
.k24-blog .container.k24-container,
.k24-blog .k24-container {
  --bs-gutter-x: 0;
  max-width: 1140px;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .k24-blog .container.k24-container,
  .k24-blog .k24-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* Reboot: Ueberschriften, Listen, Bilder, Tabellen nicht von Bootstrap
   umbrechen lassen. Spezifischere k24-Regeln in k24-theme.css bleiben massgeblich. */
.k24-blog :where(h1, h2, h3, h4, h5, h6) {
  color: inherit;
}

.k24-blog :where(ul, ol) {
  margin-bottom: 0;
}

.k24-blog img {
  vertical-align: middle;
}

.k24-blog table {
  caption-side: top;
  border-collapse: collapse;
}

.k24-blog :where(button, [type="button"], [type="reset"], [type="submit"]) {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.k24-blog a {
  color: inherit;
  text-decoration: none;
}

.k24-blog p {
  margin-top: 0;
}

.k24-blog blockquote {
  margin: 0;
}