/*!
 * Uwe Beutel Malerwerkstätte – Footer (auf allen Seiten geladen)
 * DM Sans und JetBrains Mono lädt Blocksy über seine Typografie-Einstellungen.
 */

/* ---------- Footer ---------- */
.beutel-footer{
  --ink-deep:#150F18;
  --on-dark:#D9D0DC;
  --on-dark-muted:#AFA5B4;
  --rose:#E69DB7;
  --font-sans:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --container:72rem;
  --gutter:1.25rem;
  --ease:cubic-bezier(.25,.1,.25,1);
  padding-block:4.5rem 6.5rem;background:var(--ink-deep);color:var(--on-dark-muted);font-family:var(--font-sans);font-size:.9375rem;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
@media (min-width:768px){.beutel-footer{--gutter:2rem}}
@media (min-width:1024px){.beutel-footer{padding-block:5.5rem 2.5rem}}
/* Blocksy-Footerzeile um den Content-Block: randlos, ohne Zeilenabstand (auch „volle Breite“ lässt dort seitlich Rand) */
.ct-footer [data-row] > [class*="ct-container"]:has(.beutel-footer){width:100%;max-width:none;padding-block:0}
.beutel-footer *,.beutel-footer *::before,.beutel-footer *::after{box-sizing:border-box}
.beutel-footer p,.beutel-footer ul{margin:0}
.beutel-footer ul{padding:0;list-style:none}
.beutel-footer img,.beutel-footer svg{display:block;max-width:100%}
.beutel-footer img{height:auto}
.beutel-footer :focus-visible{outline:2px solid #fff;outline-offset:3px}
.beutel-footer .footer__container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.beutel-footer .footer__grid{display:grid;gap:2.5rem}
@media (min-width:640px){.beutel-footer .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.beutel-footer .footer__grid{grid-template-columns:1.4fr 1fr 1.2fr .9fr;gap:3rem}}
.beutel-footer .footer__logo img{height:2.5rem;width:auto}
.beutel-footer .footer__claim{margin-top:1.25rem;max-width:20rem}
.beutel-footer .footer__social{display:flex;gap:.6rem;margin-top:1.5rem}
.beutel-footer .footer__social a{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,.16);border-radius:6px;color:var(--on-dark-muted);transition:border-color .2s var(--ease),color .2s var(--ease)}
.beutel-footer .footer__social a:hover{border-color:var(--rose);color:var(--rose)}
.beutel-footer .footer__social svg{width:1.125rem;height:1.125rem}
.beutel-footer .footer__title{margin-bottom:1rem;font-family:var(--font-mono);font-weight:500;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.beutel-footer .footer__list{display:grid;gap:.15rem}
.beutel-footer .footer__list a{display:inline-block;padding-block:.35rem;color:var(--on-dark);text-decoration:none;transition:color .2s var(--ease)}
.beutel-footer .footer__list a:hover{color:var(--rose)}
.beutel-footer .footer__address{font-style:normal;display:grid;gap:.75rem;color:var(--on-dark)}
.beutel-footer .footer__address a{color:var(--on-dark);text-decoration:none}
.beutel-footer .footer__address a:hover{color:var(--rose)}
.beutel-footer .footer__bottom{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;margin-top:4rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8125rem}
.beutel-footer .footer__bottom a{color:#fff}
@media (min-width:1024px){.beutel-footer .footer__bottom{padding-right:9rem}}
@media (prefers-reduced-motion:reduce){.beutel-footer *,.beutel-footer *::before,.beutel-footer *::after{transition-duration:.01ms!important}}