/**
 * @file
 * CNS-Layout für themes/cns_community/templates/layout/page.html.twig.
 * Platzhalter .CNS-* → dist (CnsCssBuilder). Nutzt wo möglich Bootstrap-CSS-Variablen.
 *
 * Key-Katalog:
 * - layout.page.banner                 → .cns-dc55a73
 * - layout.page.nav                    → .cns-d2ab055 (Haupt-<nav>, ersetzt BS-.navbar)
 * - layout.page.navbar.toggler         → .cns-68dc440
 * - layout.page.navbar.toggler.icon    → .cns-a6c0e85
 * - layout.page.navbar.collapse        → .cns-99f46aa (Zusatz zu BS-Klassenstring)
 * - layout.page.offcanvas.header       → .cns-4d6f885
 * - layout.page.offcanvas.close        → .cns-7ce709e
 * - layout.page.offcanvas.body         → .cns-ab98245
 * - layout.page.navbar.form            → .cns-a205084
 * - layout.page.navbar.toggler.sidebar → .cns-5e4c8d3
 * - layout.page.highlighted.wrap       → .cns-738734b
 * - layout.page.container              → .cns-72ef09e
 * - layout.page.container.fluid        → .cns-d51f83d
 * - layout.page.section                → .cns-8856a79
 * - layout.page.clearfix               → .cns-8d6f377
 * - layout.page.featured.top           → .cns-ebe5c33
 * - layout.page.featured.top.inner     → .cns-0d1928a
 * - layout.page.main.wrapper           → .cns-d5361fd
 * - layout.page.main.row               → .cns-7738996
 * - layout.page.featured.bottom        → .cns-48b5225
 * - layout.page.footer                 → .cns-503c802
 * - layout.page.footer.top             → .cns-6880964
 * - layout.page.footer.bottom          → .cns-22dcf22
 * - layout.page.shell                  → .cns-c921a5e (äußerer Seiten-Wrapper, Auth + max-width)
 *
 * @version 1.0.1
 * @date 15.04.2026 (Europe/Berlin)
 */

/* --- Site-Banner (#header): Block-Layout = Standard für div (D-10). --- */

/* Hauptnavigation: Shell-Key; Flex/Zentrierung über Twig-Utilities (D-10/D-11). */
.cns-dc55a73 .cns-d2ab055 {
  box-sizing: border-box;
}

/* --- Navbar: Toggle (BS-Variablen) --- */
.cns-68dc440,
.cns-5e4c8d3 {
  padding: var(--bs-navbar-toggler-padding-y, 0.25rem) var(--bs-navbar-toggler-padding-x, 0.75rem);
  font-size: var(--bs-navbar-toggler-font-size, 1.25rem);
  line-height: 1;
  color: var(--bs-navbar-color, rgba(0, 0, 0, 0.55));
  background-color: transparent;
  border: var(--bs-border-width, 1px) solid var(--bs-navbar-toggler-border-color, rgba(0, 0, 0, 0.1));
  border-radius: var(--bs-navbar-toggler-border-radius, 0.375rem);
  transition: var(--bs-navbar-toggler-transition, box-shadow 0.15s ease-in-out);
}

.cns-68dc440:hover,
.cns-5e4c8d3:hover {
  text-decoration: none;
}

.cns-68dc440:focus,
.cns-5e4c8d3:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width, 0.25rem);
}

.cns-a6c0e85 {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.cns-5e4c8d3 {
  margin-inline-end: 0.5rem;
}

/* --- Navbar: Collapse-Hülle — flex-grow: 1 → Twig-Utility flex.grow.1 (D-10). --- */

/* --- Offcanvas-Innen (optisch an BS offcanvas-* angelehnt); Flex-Achse → Twig (D-10). --- */
.cns-4d6f885 {
  padding: var(--bs-offcanvas-padding-y, 1rem) var(--bs-offcanvas-padding-x, 1rem);
}

.cns-7ce709e {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  border: 0;
  border-radius: 0.25rem;
  background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
  opacity: 0.5;
  cursor: pointer;
}

.cns-7ce709e:hover {
  opacity: 1;
}

.cns-ab98245 {
  padding: var(--bs-offcanvas-padding-y, 1rem) var(--bs-offcanvas-padding-x, 1rem);
}

/* --- Header-Formularzeile: Flex/Alignment/Gap → page.html.twig (D-10). --- */

/* --- Highlighted / Featured / Main --- */
.cns-72ef09e {
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: clamp(0.75rem, 2vw, 1rem);
  box-sizing: border-box;
}

.cns-d51f83d {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 0;
  box-sizing: border-box;
}

.cns-8d6f377::after {
  display: table;
  clear: both;
  content: "";
}

.cns-7738996 {
  /* BS-Gutter negativ; Flex-Zeile → page.html.twig (D-10). */
  margin-inline: calc(-0.5 * var(--bs-gutter-x, 1.5rem));
}

/* --- Footer: Block-Layout = div-Standard (D-10). --- */
/* layout.page.shell: kein eigenes Regelwerk — nur Map-Key am #page-wrapper (Twig). */