/* ════════════════════════════════════════════════════════════════════════
   medienwerkstatt006 · SITE FOOTER v1 (2026-09-20)
   Gemeinsamer Footer für Projekt-Unterseiten — formal identisch mit index.htm:
   AI-ART-TRANSPARENCY-Hinweis · Footerzeile · MDD-Masterklasse-Button.
   Header + Hamburger-Menü kommen aus /mw-global-header-v4.css + .js.
   Einbinden:  <link rel="stylesheet" href="/ai-transparency.css?v=20260801-1">
               <link rel="stylesheet" href="/mw-site-footer-v1.css?v=1">
   ════════════════════════════════════════════════════════════════════════ */

/* ── AI ART TRANSPARENCY · Korrekturen wie index.htm (mw006-ai-transparency-v2) ── */
.ai-transparency-note{margin:0;font-family:"Space Mono",ui-monospace,Menlo,Consolas,monospace}
.ai-transparency-label{width:clamp(58px,6vw,78px);height:auto;aspect-ratio:1/1;border:0;background:none;border-radius:0;padding:0;object-fit:contain;flex:0 0 auto;max-width:none}
.ai-transparency-copy{color:rgba(232,224,212,.6)}
.ai-transparency-copy strong{color:rgba(232,224,212,.82)}
@media (pointer:coarse){.ai-transparency-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}
@media (max-width:700px){.ai-transparency-label{width:62px}.ai-transparency-copy{font-size:8.5px;line-height:1.6}}
@media (max-width:420px){.ai-transparency-label{width:66px}}

/* ── FOOTERZEILE (index.htm: footer) ── */
footer.mwsf{margin:0;padding:48px;border-top:1px solid rgba(255,255,255,.06);background:#050508;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-family:"Space Mono",ui-monospace,Menlo,Consolas,monospace;font-size:10px;line-height:1.6;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(232,224,212,.2);box-sizing:border-box;width:100%}
footer.mwsf a{color:inherit;text-decoration:none;border:0;transition:color .2s}
footer.mwsf a:hover{color:rgba(232,224,212,.6)}
footer.mwsf .mwsf-linktree{font-size:9px;letter-spacing:.2em;color:#ffe600;opacity:.7;transition:opacity .2s}
footer.mwsf .mwsf-linktree:hover,footer.mwsf .mwsf-linktree:focus-visible{color:#ffe600;opacity:1}
footer.mwsf .mwsf-legal{display:flex;gap:20px}
footer.mwsf .mwsf-legal a{font-size:9px;letter-spacing:.18em;color:rgba(232,224,212,.35)}
footer.mwsf .mwsf-legal a:hover,footer.mwsf .mwsf-legal a:focus-visible{color:#00e5ff}
@media (max-width:768px){
  footer.mwsf{padding:24px 18px 28px;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;overflow-wrap:anywhere}
  footer.mwsf span,footer.mwsf a{font-size:9px;letter-spacing:.12em}
}
@media (max-width:420px){footer.mwsf{padding:20px 14px}}

/* ── MDD · MASTERKLASSE DIGITAL DESIGN (index.htm: mdd-art-css) ── */
.mdd-artbtn{position:fixed;right:22px;bottom:22px;z-index:9000;display:block;width:186px;box-sizing:border-box;
  padding:18px 18px 24px;text-decoration:none;overflow:hidden;
  border:1.5px solid transparent;border-radius:15px;
  background:linear-gradient(#0b0b10,#0b0b10) padding-box,
    linear-gradient(135deg,#3ddad7 0%,#4aa3ff 18%,#c85cff 38%,#ff4b6e 58%,#ffb020 76%,#8ce07a 90%,#3ddad7 100%) border-box;
  box-shadow:0 18px 44px rgba(0,0,0,.55);
  transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}
.mdd-artbtn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
  background:linear-gradient(90deg,#ff3b6b 0 20%,#ffb020 20% 40%,#ffe14a 40% 60%,#6cd97e 60% 80%,#3ddad7 80% 100%)}
.mdd-artbtn-k{display:block;font-family:"Space Mono",monospace;font-size:9px;font-weight:700;line-height:1.4;
  letter-spacing:.22em;text-transform:uppercase;color:#9a9aa6;margin-bottom:14px}
.mdd-artbtn-t{display:block;font-family:"Unbounded",sans-serif;font-weight:800;font-size:27px;
  line-height:.98;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:14px;
  background:linear-gradient(102deg,#5ee0e8 0%,#7cc4f0 34%,#b9a5ea 68%,#dfa6dd 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.mdd-artbtn-t{background:none;color:#7cc4f0}}
.mdd-artbtn-go{display:block;font-family:"Space Mono",monospace;font-size:9.5px;line-height:1.55;letter-spacing:.02em;color:#b5b5c0}
.mdd-artbtn:hover,.mdd-artbtn:focus-visible{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.66)}
.mdd-artbtn:focus-visible{outline:2px solid #c85cff;outline-offset:4px}
@media (max-width:768px){.mdd-artbtn{display:none!important}}
@media (prefers-reduced-motion:reduce){.mdd-artbtn{transition:none}.mdd-artbtn:hover,.mdd-artbtn:focus-visible{transform:none}}
html.mw4-menu-open .mdd-artbtn{visibility:hidden}

/* Globale Link-Unterstreichungen einzelner Projekt-CSS (a{border-bottom…}) nicht in den Header tragen */
#mw-global-header-v4 a{border:0!important;box-shadow:none!important}