/* Fusszeile fuer alle SB-Seiten (06.10.2026): Firmensatz, Seiten, Standorte, Impressum der MDJAMO LTD.
   Eigenstaendig, damit sie auch auf den aelteren Unterseiten gleich aussieht. */
.fuss {
  --f-nacht: #070e16; --f-creme: #f6f1e7; --f-creme-2: #cfc6b6; --f-orange: #ee7b2d; --f-gold: #f2b434;
  position: relative; background: var(--f-nacht); color: var(--f-creme-2);
  padding: clamp(4rem, 8vw, 6rem) 0 6.5rem; border-top: 1px solid rgba(246, 241, 231, .07);
  font: .9rem/1.65 "Archivo", "Segoe UI", Arial, sans-serif; overflow: hidden;
}
.fuss::before { content: ""; position: absolute; left: -10vw; top: -30%; width: 50vw; height: 50vw; border-radius: 50%;
  background: radial-gradient(circle, rgba(238, 123, 45, .08), transparent 62%); filter: blur(30px); pointer-events: none; }
.fuss .huelle { position: relative; width: min(100% - 2 * clamp(1.25rem, 4vw, 3rem), 1240px); margin-inline: auto; }
.fuss a { color: var(--f-creme); text-decoration: none; margin: 0; transition: color .3s; }
.fuss a:hover { color: var(--f-gold); }
.fuss h4 { margin: 0 0 1.1rem; font: 600 .7rem/1 ui-monospace, Menlo, monospace; letter-spacing: .26em; text-transform: uppercase; color: var(--f-gold); }
.fuss ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.fuss p { margin: 0 0 .9rem; }
.fuss strong { color: var(--f-creme); font-weight: 600; }

.fuss__raster { display: grid; grid-template-columns: 1.5fr .8fr 1fr 1.3fr; gap: clamp(2rem, 4vw, 3.5rem); }
.fuss__marke .marke { display: inline-flex; align-items: center; gap: .8rem; font-weight: 600; letter-spacing: .02em; color: var(--f-creme); margin-bottom: 1.3rem; }
.fuss__marke .marke img { width: 38px; height: 38px; }
.fuss__satz { font-family: "SB Serif", Georgia, serif; font-weight: 300; font-size: clamp(1.15rem, 1.6vw, 1.35rem); line-height: 1.45; color: var(--f-creme); max-width: 26rem; }
.fuss__satz em { font-style: italic; color: var(--f-orange); }
.fuss__mail { display: inline-block; margin-top: .4rem !important; border-bottom: 1px solid rgba(238, 123, 45, .5); }
.fuss__ort small { display: block; color: var(--f-creme-2); }
.fuss__impressum p { font-size: .84rem; }

.fuss__recht { margin-top: clamp(2.6rem, 5vw, 3.6rem); padding-top: 1.8rem; border-top: 1px solid rgba(246, 241, 231, .07);
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; font-size: .78rem; line-height: 1.6; color: rgba(207, 198, 182, .72); }
.fuss__recht h5 { margin: 0 0 .5rem; font: 600 .66rem/1 ui-monospace, Menlo, monospace; letter-spacing: .2em; text-transform: uppercase; color: var(--f-creme-2); }
.fuss__recht p { margin: 0 0 .5rem; }

.fuss__unten { margin-top: 2.2rem; display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-size: .8rem; color: rgba(207, 198, 182, .7); }
.fuss__unten span { display: flex; gap: 1.2rem; flex-wrap: wrap; }

@media (max-width: 980px) {
  .fuss__raster { grid-template-columns: 1fr 1fr; }
  .fuss__marke { grid-column: 1 / -1; }
  .fuss__recht { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .fuss__raster, .fuss__recht { grid-template-columns: 1fr; }
}
/* Handy (07.10.2026): Tippflächen mindestens 44 px. Listen- und Fußlinks werden höher,
   Einzellinks im Fließtext bekommen eine unsichtbare Fläche (::before), damit sich nichts verschiebt. */
@media (max-width: 820px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
  .fuss nav ul { gap: 0; }
  .fuss ul a, .fuss__unten a { display: inline-flex; align-items: center; min-height: 44px; }
  .fuss__unten { row-gap: .2rem; }
  .fuss__unten span { column-gap: 1.4rem; row-gap: 0; }
  .fuss__marke .marke { min-height: 44px; }
  .fuss__mail, .fuss__impressum a { position: relative; }
  .fuss__mail::before, .fuss__impressum a::before { content: ""; position: absolute; inset: -12px -6px; }
  .fuss { padding-bottom: calc(6.5rem + env(safe-area-inset-bottom, 0px)); }
}