/* =============================================================================
   Redaktionell pflegbarer Fussbereich
   =============================================================================
   Stefan-Direktive 03.09.2026: "Wir benoetigen bei jedem Mandanten die
   entsprechenden Bereiche fuer Header und Footer ... und da muss alles im
   Backend durch den User einstellbar sein."

   Genau das ist der Unterschied zur bisherigen Loesung. Der gestaltete Fuss lag
   in einer Fluid-Vorlage — schoen, aber fuer den Kunden unerreichbar. Der
   pflegbare Fuss liegt als Inhaltselemente im Ordner "Website-Bausteine" und
   war bis heute ungestylt: vier Spalten roher Fliesstext, dazu der interne
   Arbeitstitel "Globaler Footer" oeffentlich sichtbar.

   Diese Datei kleidet den pflegbaren Fuss so ein, dass er aussieht wie der
   gestaltete — ohne dem Redakteur etwas wegzunehmen. Sie greift nur INNERHALB
   des Fusses (.footer__container) und nur auf die Spaltenstruktur, die dort
   ohnehin steht. Auf einer normalen Inhaltsseite aendert sie nichts.

   Mandantenneutral: keine Farbe verdrahtet, alles aus --mandant-*-Token.
   ========================================================================== */

.footer__container .mincore-columns--4 {
  --gcf-tinte:  var(--mandant-footer-text, #fff);
  --gcf-leise:  color-mix(in srgb, var(--mandant-footer-text, #fff) 78%, transparent);
  --gcf-linie:  color-mix(in srgb, var(--mandant-footer-text, #fff) 22%, transparent);
  --gcf-akzent: var(--mandant-accent, var(--mandant-primary, #0075BF));
}

/* Vier Spalten nebeneinander, auf dem Telefon untereinander. Die Bestandsklasse
   mincore-columns--4 bringt kein eigenes Raster mit. */
/* Die Bestandsklasse bringt grosszuegige Abstaende fuer Inhaltsseiten mit.
   Im Fuss ergibt das eine leere Flaeche ueber den Spalten — hier zurueckgenommen. */
.footer__container .mincore-columns--4 { padding-block: 0; margin-block: 0; }
.footer__container .mincore-columns--4 > .mincore-header:empty { display: none; }

.footer__container .mincore-columns--4 .mincore-columns__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: clamp(1.75rem, 3vw, 3rem);
  align-items: start;
}
@media (min-width: 62em) {
  .footer__container .mincore-columns--4 .mincore-columns__row {
    grid-template-columns: 1.4fr 1fr 1.2fr 1fr;
  }
}

.footer__container .mincore-columns--4 :is(h2, h3, h4),
.footer__container .mincore-columns--4 .mincore-header {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 700;
  color: var(--gcf-tinte);
  margin: 0 0 0.85rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid var(--gcf-linie);
}

.footer__container .mincore-columns--4 :is(p, li, address) {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--gcf-leise);
  margin: 0 0 0.5rem;
  font-style: normal;
}
.footer__container .mincore-columns--4 p:last-child { margin-bottom: 0; }

.footer__container .mincore-columns--4 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__container .mincore-columns--4 li { margin: 0 0 0.45rem; }

.footer__container .mincore-columns--4 a {
  color: var(--gcf-leise);
  text-decoration: none;
  text-underline-offset: 0.18em;
  transition: color var(--mandant-transition, 200ms ease);
}
.footer__container .mincore-columns--4 a:hover,
.footer__container .mincore-columns--4 a:focus-visible {
  color: var(--gcf-tinte);
  text-decoration: underline;
}
.footer__container .mincore-columns--4 a:focus-visible {
  outline: 2px solid var(--gcf-tinte);
  outline-offset: 2px;
}

/* Ein Menue im Fuss ist eine Liste, kein Kachelraster. Die Menue-Elemente
   bringen aus ihrem Regelfall Rahmen und Abstaende mit, die hier stoeren. */
.footer__container .mincore-columns--4 :is(.menu-cards, .menu-cards__grid) {
  display: block;
  background: none;
  border: none;
  box-shadow: none;
  gap: 0;
}
.footer__container .mincore-columns--4 .menu-card {
  background: none;
  outline: none;
  border: none;
  padding: 0;
  margin: 0 0 0.45rem;
}

/* Logo und Bildmarke im Fuss bleiben klein und bekommen Luft. */
.footer__container .mincore-columns--4 img {
  max-width: 12rem;
  height: auto;
  margin-bottom: 0.9rem;
}

/* Der Bestands-Fuss (Fluid-Vorlage) und der pflegbare Fuss duerfen nie
   gleichzeitig erscheinen. Steht der pflegbare da, tritt der feste zurueck. */
.footer__container:has(.mincore-columns--4) .footer__grid { display: none; }