/* ==========================================================================
   CTP Satzkante / Layout-Ausrichtung (2026-10-06, datendrang)
   Ziel: eine durchgehende linke/rechte Inhaltskante K fuer Header, Brotkrumen,
   Hero-/Kopfbilder, Fliesstext, Grids/Karten, Views, CTA-Boxen und Footer.
   K = Inhaltskante der Navigationsleiste (Logo/Menue):
       >740 px: max-width 1170 px zentriert, 30 px Innenabstand
       <=740 px: 16 px Innenabstand
   Gemessen per Kanten-Crawl (182 URLs x 1440/1024/768/390 px).
   Rollback: Asset-Injector "layout_alignment" deaktivieren.
   ========================================================================== */

/* --- 1) Rahmen: #main und Footer-Container exakt wie die Navbar ------------ */
#main.container-md,
footer.site-footer > .container-md {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 740px) {
  #main.container-md,
  footer.site-footer > .container-md {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* Haupt-Row/Spalte: Gutter neutral (keine Sidebars im Theme-Einsatz) */
#main > .row-offcanvas {
  margin-left: 0;
  margin-right: 0;
}
#main > .row-offcanvas > main#content {
  padding-left: 0;
  padding-right: 0;
}
/* Brotkrumen-Leiste: graue Box steht auf K (Innenabstand der Box bleibt) */
#main .ctp-breadcrumbs-wrapper {
  padding-left: 0;
  padding-right: 0;
}

/* --- 2) Verschachtelte Layout-Builder-Sektionen ------------------------------
   Jede LB-Sektion = .container (Gutter) > .row (-Gutter) > .col (+Gutter).
   Der .container-Innenabstand wird nirgends ausgeglichen und summiert sich
   pro Verschachtelungsebene (Paragraph-Textblock, Referenz-Teaser, CTA, ...).
   Row/Col gleichen sich selbst aus -> Container-Innenabstand auf 0. */
#main ._none > .container,
footer.site-footer ._none > .container {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

/* Bootstrap-Paragraphs: .paragraph > .paragraph__column hat fest 15 px
   (das Theme wollte 0: ".paragraph__column{padding:0}" greift wegen
   Spezifitaet nicht). */
#main .paragraph > .paragraph__column {
  padding-left: 0;
  padding-right: 0;
}

/* --- 3) Footer: Innenabstaende ohne Gegenstueck -----------------------------
   (body-Praefix: Injector "style" laedt spaeter und setzt footer.site-footer
   {padding:1em} mit gleicher Spezifitaet) */
body footer.site-footer {
  padding-left: 0;
  padding-right: 0;
}
footer.site-footer .main_footer > .row {
  margin-left: 0;
  margin-right: 0;
}
/* Barrio: .site-footer .block { padding:10px; border:1px solid rgba(255,255,255,.1) }
   -> seitlich neutralisieren (Rahmen ist auf #f2f2f2 unsichtbar) */
footer.site-footer .block {
  padding-left: 0;
  padding-right: 0;
  border-left-width: 0;
  border-right-width: 0;
}

/* --- 4) Header: Logo rechts buendig auf K (Bootstrap .navbar-brand
   margin-end 1rem = 20 px Desktop) ---------------------------------------- */
#navbar-main a.navbar-brand {
  margin-right: 0;
}

/* --- 5) Views-Wrapper .view-content.row (-Gutter) ---------------------------
   Responsive-Grids (Kacheln) sind direkte Kinder der Row und bekommen von
   Bootstrap (.row > *) das ausgleichende Gutter-Padding. Fuer
   .menu-button-view (Industrien-/Loesungen-Uebersicht) und
   .ctp-other-sol-teaser setzt das Theme es auf 0 -> Kacheln standen um ein
   Gutter ueber/neben der Kante. Ausgleich wiederherstellen (nur Aussenkante,
   Kachel-Innenleben unveraendert). */
#main .view-content.row > .views-view-responsive-grid {
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
}

/* Geschichte-Timeline (/ctp): content-box + Gutter-Padding in Wrapper-Row ->
   links -Gutter, rechts bis 3 Gutter ueber die Kante. Auf K setzen. */
#main .view-timeline > .view-content.row {
  margin-left: 0;
  margin-right: 0;
}
#main .view-timeline > .view-content.row > .tl-timeline {
  padding-left: 0;
  padding-right: 0;
}

/* News-Teaser (Startseite u. a.): Bootstrap-4-Klasse .no-gutters wirkt in
   Bootstrap 5 nicht -> graue Box stand mobil um ein Gutter ueber K. */
#main .node--type-news.node--view-mode-preview .row.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

/* --- 6) Formulare (Rueckruf/Anfrage): Theme-Ausgleichspadding war fuer den
   alten Rahmen gedacht und doppelt jetzt -> Felder auf K. */
#main form#webform-submission-callback-add-form,
#main form#webform-submission-system-inquery-add-form {
  padding-left: 0;
  padding-right: 0;
}

/* --- 7) Fliesstext-Listen: Aufzaehlungszeichen auf die Satzkante statt
   2 rem eingerueckt (Browser-Default). Bei 1em steht der Bullet pixelgenau
   auf K (gemessen 1440/390 px); verschachtelte Listen staffeln um je 1em. */
#main .text-formatted ul:not([class]) {
  padding-left: 1em;
}

/* --- 8) Startseiten-Slider: Bild bleibt randlos; der Text-Overlay
   (.slide__content, Theme: wie Navbar max-width 1170 / 30 px) uebernimmt
   mobil die 16 px der Navbar, sonst steht der Titel 14 px neben K. */
@media (max-width: 740px) {
  slider .slide__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}