/* Fuss mediatech.ch, Fassung 2 Variante A (07.10.2026). Abstände nur Fibonacci: 8, 13, 21, 34, 55 px. Geladen von mu-plugins/mediatech-footer.php. */
#colophon.site-footer{background:#f7f4f2;padding:0;margin:0;border:0}
#colophon .mtf{
  --wein:#823a2d; --wein-hell:#b8432f; --rosa:#f3e8e6; --rack:#1a1512;
  --grund:#f7f4f2; --karte:#fff; --linie:#e4dcd8; --text:#2b2523; --leise:#5f5654; --gruen:#1f7a4d;
  --f-display:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif; --f-text:"Inter","Segoe UI",Roboto,Arial,sans-serif; --f-mess:"JetBrains Mono",ui-monospace,Consolas,monospace;
  background:var(--grund);border-top:3px solid var(--wein);color:var(--text);font:13px/21px var(--f-text);text-align:left
}
#colophon .mtf *{box-sizing:border-box}
#colophon .mtf ul{list-style:none;margin:0;padding:0}
#colophon .mtf li{margin:0}
#colophon .mtf a{color:inherit;text-decoration:none}
#colophon .mtf a:hover{text-decoration:underline;text-underline-offset:3px}
#colophon .mtf :focus-visible{outline:2px solid var(--wein);outline-offset:3px;border-radius:3px}
#colophon .mtf svg{flex:none}
#colophon .mtf-innen{max-width:1440px;margin:0 auto;padding:55px 55px 0}

/* Kundendienst */
#colophon .mtf-kd{background:var(--karte);border:1px solid var(--linie);border-radius:13px;padding:34px;display:grid;grid-template-columns:1fr 2fr;gap:34px;align-items:center;margin-bottom:55px;box-shadow:0 8px 21px rgba(60,30,20,.06)}
#colophon .mtf-dach{display:block;font:500 13px/21px var(--f-mess);text-transform:uppercase;letter-spacing:.1em;color:var(--wein)}
#colophon .mtf-frage{font:800 21px/34px var(--f-display);margin:0;color:var(--text);padding:0;border:0}
#colophon .mtf-kd p{margin:8px 0 0;color:var(--leise)}
#colophon .mtf-wahl{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
#colophon .mtf-opt{display:flex;flex-direction:column;gap:8px}
#colophon .mtf-opt small{display:block;text-align:center;color:var(--leise);font-size:13px;line-height:21px}
#colophon .mtf-opt small a{color:var(--wein);font-weight:600}
#colophon .mtf-knopf{display:flex;align-items:center;justify-content:center;gap:8px;min-height:55px;padding:13px 21px;border-radius:8px;background:var(--wein);color:#fff;font:700 13px/21px var(--f-text);text-decoration:none;transition:background .15s}
#colophon .mtf-knopf:hover{background:var(--wein-hell);color:#fff;text-decoration:none}

/* Spalten */
#colophon .mtf-spalten{display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:34px;padding-bottom:34px}
#colophon .mtf-grp{margin:0;padding:0;border:0}
#colophon .mtf-grp__k{display:block;list-style:none;cursor:default;font:500 13px/21px var(--f-mess);color:var(--wein);text-transform:uppercase;letter-spacing:.1em;margin:0 0 13px}
#colophon .mtf-grp__k::-webkit-details-marker{display:none}
#colophon .mtf-grp__k::marker{content:""}
#colophon .mtf-pfeil{display:none}
#colophon .mtf-grp li a{display:inline-block;padding:3px 0;color:var(--text)}
#colophon .mtf-grp li a:hover{color:var(--wein)}
#colophon .mtf-adresse{background:var(--rosa);border-radius:8px;padding:21px;align-self:start}
#colophon .mtf-adresse strong{display:block;font:800 13px/21px var(--f-display);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:var(--wein)}
#colophon .mtf-adresse li{display:flex;gap:8px;margin-bottom:8px}
#colophon .mtf-adresse svg{margin-top:4px;color:var(--wein)}

/* Zahlung */
#colophon .mtf-zahlung{display:flex;align-items:center;gap:21px;padding:21px 0;border-top:1px solid var(--linie)}
#colophon .mtf-zahlung__lbl{font:500 13px/21px var(--f-mess);text-transform:uppercase;letter-spacing:.1em;color:var(--leise);flex:none}
#colophon .mtf-pays{display:flex;flex-wrap:wrap;gap:8px}
#colophon .mtf-pay{width:51px;height:34px;flex:none;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.1);background:#fff}
#colophon .mtf-pay img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
#colophon .mtf-sicher{margin-left:auto;color:var(--leise);flex:none;display:flex;gap:8px;align-items:center}
#colophon .mtf-sicher svg{color:var(--gruen)}

/* Kategorien und Marken */
#colophon .mtf-seo{display:flex;gap:21px;flex-wrap:wrap;padding:21px 0 34px;border-top:1px solid var(--linie);color:var(--leise)}
#colophon .mtf-seo b{font:500 13px/21px var(--f-mess);text-transform:uppercase;letter-spacing:.08em;margin-right:8px;color:var(--wein)}
#colophon .mtf-seo a{display:inline-block;margin-right:13px;white-space:nowrap}

/* Rechtsleiste */
#colophon .mtf-unten{display:flex;gap:21px;align-items:center;justify-content:space-between;padding:13px 55px;background:var(--rack);color:#cdbfb9}
#colophon .mtf-unten nav{display:flex;flex-wrap:wrap;gap:8px 21px}
#colophon .mtf-unten a{color:#fff}
#colophon .mtf-quelle{color:#a8988f!important;margin-left:8px}

@media (max-width:1199px){
  #colophon .mtf-innen{padding:34px 34px 0}
  #colophon .mtf-spalten{grid-template-columns:repeat(2,1fr)}
  #colophon .mtf-unten{padding:13px 34px}
}
@media (max-width:899px){
  #colophon .mtf-innen{padding:34px 21px 0}
  #colophon .mtf-kd{grid-template-columns:1fr;gap:21px;padding:21px;margin-bottom:34px}
  #colophon .mtf-wahl{grid-template-columns:1fr}
  #colophon .mtf-opt small{text-align:left}
  #colophon .mtf-spalten{grid-template-columns:1fr;gap:0;padding-bottom:21px}
  #colophon .mtf-grp{border-bottom:1px solid var(--linie)}
  #colophon .mtf-grp__k{display:flex;align-items:center;justify-content:space-between;min-height:55px;margin:0;cursor:pointer}
  #colophon .mtf-pfeil{display:block;transition:transform .2s}
  #colophon .mtf-grp[open] .mtf-pfeil{transform:rotate(180deg)}
  #colophon .mtf-grp ul{padding-bottom:13px}
  #colophon .mtf-grp li a{display:block;padding:8px 0}
  #colophon .mtf-adresse{margin-top:21px}
  #colophon .mtf-zahlung{flex-direction:column;align-items:flex-start;gap:13px}
  #colophon .mtf-pays{display:grid;grid-template-columns:repeat(4,1fr);width:100%}
  #colophon .mtf-pay{width:auto;height:auto;aspect-ratio:3/2}
  #colophon .mtf-sicher{margin-left:0}
  #colophon .mtf-seo{flex-direction:column;gap:13px}
  #colophon .mtf-seo b{display:block;margin:0 0 8px}
  #colophon .mtf-unten{flex-direction:column;align-items:flex-start;padding:21px 21px 89px}
  #colophon .mtf-quelle{display:block;margin:8px 0 0}
}

/* 07.10.2026: Theme ueberschreibt Linkfarbe am Handy, Knopftext weiss erzwingen */
#colophon a.mtf-knopf,#colophon a.mtf-knopf:visited,#colophon a.mtf-knopf:hover,#colophon a.mtf-knopf *{color:#fff!important}