/*! WANDKIND Fußzeile v1 (24.09.2026) – nur geladen, wenn der Schalter in layout/footer/footer.html.twig aktiv ist (Vorschau-Link
   ?cf_vorschau=… oder live). Stil der Motivseite v3: Quicksand, --wk-green-ink #467A4A, --wk-soft #F5F3EF, --wk-line #E4E0D9, Blatt-Radien,
   viel Weißraum, dünne Linien. Alles unter .cf-ft (eigene Klassen, keine Theme-Klassen wie #footerColumns/.footer-bottom).
   Breiten: ≥ 1200 px 5 Spalten, 992–1199 px Marke oben + 4 Spalten, 768–991 px 2 Spalten, < 768 px Aufklapp-Zeilen (footer-v1.js). */
footer.footer-main{background:#F5F3EF;border-top:0}
.cf-ft{--ft-ink:#467A4A;--ft-green:#7BB17E;--ft-text:#2B3136;--ft-head:#000;--ft-muted:#5F666C;--ft-line:#E4E0D9;--ft-soft:#F5F3EF;--ft-word:#DDD6CA;--ft-leaf:0 16px 0 16px;background:var(--ft-soft);color:var(--ft-text);font-family:"Quicksand",sans-serif;font-size:15px;font-weight:500;line-height:1.5;text-align:left}
.cf-ft *,.cf-ft *::before,.cf-ft *::after{box-sizing:border-box}
.cf-ft-wrap{max-width:1400px;margin:0 auto;padding:0 24px}
.cf-ft-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cf-ft ul{margin:0;padding:0;list-style:none}
.cf-ft li{margin:0}
.cf-ft p{margin:0}
.cf-ft .cf-ft-h,.cf-ft .cf-ft-label{margin:0;font-family:inherit;font-weight:700;line-height:1.3}
.cf-ft a{color:var(--ft-text);text-decoration:none}
.cf-ft a:hover{color:var(--ft-ink);text-decoration:underline;text-underline-offset:3px}
.cf-ft a:focus-visible,.cf-ft button:focus-visible{outline:2px solid var(--ft-ink);outline-offset:2px;border-radius:2px}
.cf-ft svg{flex-shrink:0}

/* Vorteile (schmale Zeile oben) – auf Motivseiten v3 stehen dieselben Vorteile direkt darüber (.cf-v3-benefits) → footer-v1.js blendet aus */
.cf-ft-usps{background:#fff;border-top:1px solid var(--ft-line);border-bottom:1px solid var(--ft-line)}
.cf-ft.cf-ft-no-usps .cf-ft-usps{display:none}
/* … dann trennt eine dünne Linie das graue Vorteile-Band der Motivseite (#F0F0F0) von der beigen Fußzeile */
.cf-ft.cf-ft-no-usps .cf-ft-main{border-top:1px solid var(--ft-line)}
.cf-ft-usplist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;padding:22px 0}
.cf-ft-usplist li{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;line-height:1.35}
.cf-ft-usplist svg{width:28px;height:28px;fill:none;stroke:var(--ft-ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cf-ft-usplist strong{display:block;font-size:15px;font-weight:700;color:var(--ft-head)}
.cf-ft-usplist span span{display:block;color:var(--ft-muted)}

/* Marke + Linkspalten */
.cf-ft-main{padding:56px 0 8px}
.cf-ft-grid{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(0,1fr));gap:32px 40px}
.cf-ft-logo{display:inline-flex;align-items:center;min-height:44px}
.cf-ft-logo img{display:block;width:160px;max-width:100%;height:auto}
.cf-ft .cf-ft-claim{margin-top:14px;max-width:30ch;font-size:15px;color:var(--ft-muted)}
.cf-ft .cf-ft-h{margin-bottom:14px;font-size:16px;color:var(--ft-head)}
.cf-ft-list a{display:inline-block;padding:5px 0}
.cf-ft-contact .cf-ft-ci{display:flex;align-items:flex-start;gap:10px;padding:5px 0}
.cf-ft-contact .cf-ft-ci a{padding:0}
.cf-ft-ci svg{width:18px;height:18px;margin-top:3px;fill:none;stroke:var(--ft-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cf-ft-ci address{margin:0;font-style:normal;line-height:1.5}

/* Zahlarten, Versand, Bewertungen, Social */
.cf-ft-trust{display:flex;flex-wrap:wrap;gap:28px 56px;margin-top:48px;padding-top:32px;border-top:1px solid var(--ft-line)}
.cf-ft .cf-ft-label{margin-bottom:12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ft-muted)}
.cf-ft-logos{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cf-ft-logos li{display:flex}
.cf-ft-pay{display:block;width:42px;height:30px;object-fit:contain}
.cf-ft-pay svg{display:block;width:42px;height:30px}
.cf-ft-chip{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1px solid #D1D9E0;border-radius:4px;background:#fff;font-size:12px;font-weight:700;line-height:1;color:var(--ft-text);white-space:nowrap}
.cf-ft-chip--dpd{font-size:13px;letter-spacing:.04em;color:#DC0032}
.cf-ft-ship{display:inline-flex;align-items:center;height:30px;overflow:hidden;border-radius:4px}
.cf-ft-ship svg{display:block;width:auto;height:30px}
.cf-ft-ship--fedex{padding:0 10px;border:1px solid #D1D9E0;background:#fff}
.cf-ft-ship--fedex svg{height:17px}
.cf-ft-ship--dhl svg{height:22px;border-radius:3px}
.cf-ft-rating{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.cf-ft-rating-text{display:flex;flex-direction:column;font-size:14px;line-height:1.4}
.cf-ft-rating-text strong{color:var(--ft-head)}
.cf-ft .cf-ft-rating-text a{color:var(--ft-ink);text-decoration:underline;text-underline-offset:2px}
.cf-ft-soc{display:flex;flex-wrap:wrap;gap:8px}
.cf-ft .cf-ft-soc a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--ft-line);border-radius:var(--ft-leaf);background:#fff;color:var(--ft-text)}
.cf-ft .cf-ft-soc a:hover{border-color:var(--ft-ink);background:var(--ft-ink);color:#fff;text-decoration:none}
.cf-ft-soc svg{width:20px;height:20px;fill:currentColor}

/* Wortmarke als ruhiger Abschluss (Schmuck, aria-hidden) + Rechtszeile */
.cf-ft-word{display:none;pointer-events:none;user-select:none}
/* das WANDKIND-Logo (wandkind-logo.svg, liegt neben dieser Datei in bundles/cfcustomcart) als helle Fläche; ohne Masken-Unterstützung: nichts */
@supports (aspect-ratio:1/1) and ((mask-image:none) or (-webkit-mask-image:none)){
.cf-ft-word{display:block;width:min(820px,calc(100% - 48px));aspect-ratio:1394.5/383.76;margin:48px auto 0;background:var(--ft-word);-webkit-mask:url(wandkind-logo.svg) center/contain no-repeat;mask:url(wandkind-logo.svg) center/contain no-repeat}
}
/* Platz am Seitenende: Nach-oben-Knopf (unten rechts, bis ~70 px hoch) und Trustami-Widget sollen nichts verdecken */
.cf-ft-legal{padding:24px 0 88px}
.cf-ft-legal .cf-ft-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.cf-ft-copy{font-size:14px;font-weight:700}
.cf-ft-legal-links{display:none}
.cf-ft .footer-vat{max-width:760px;font-size:13px;line-height:1.5;text-align:center;color:var(--ft-muted)}
.cf-ft .footer-vat p{margin:0;font-size:inherit;line-height:inherit}
.cf-ft .footer-vat a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.cf-ft .footer-vat a:hover{color:var(--ft-ink)}

/* Kasse (footer-minimal): nur Rechtslinks, Zahlarten, MwSt. */
.cf-ft--minimal .cf-ft-main{padding:28px 0 0}
.cf-ft-minlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:0 24px}
.cf-ft-minlinks a{display:inline-flex;align-items:center;min-height:44px}
.cf-ft .cf-ft-trust--minimal{justify-content:center;margin-top:12px;padding-top:20px;text-align:center}
.cf-ft-trust--minimal .cf-ft-logos{justify-content:center}
.cf-ft--minimal .cf-ft-legal{padding-top:16px}

@media (max-width:1399.98px){
.cf-ft-trust{column-gap:40px}
}
@media (max-width:1199.98px){
.cf-ft-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cf-ft-brand{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;grid-column:1/-1}
.cf-ft .cf-ft-claim{margin-top:0;max-width:none}
}
@media (max-width:991.98px){
.cf-ft-usplist{grid-template-columns:repeat(2,minmax(0,1fr))}
.cf-ft-usplist li{justify-content:flex-start}
.cf-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cf-ft-trust{gap:24px 40px}
/* Handy/Tablet: Trustami-Band, Nach-oben-Knopf und (Motivseite) Kaufleiste liegen unten über der Seite → Platz am Seitenende */
.cf-ft-legal{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
}
/* Touch: Tablet (768–991 px, Spalten offen), Handy und jedes Gerät mit grobem Zeiger (z. B. iPad quer) → Links ≥ 44 px hoch */
@media (max-width:991.98px),(pointer:coarse){
.cf-ft-list a{display:flex;align-items:center;min-height:44px;padding:0}
.cf-ft-contact .cf-ft-ci{align-items:center;min-height:44px;padding:4px 0}
.cf-ft-contact .cf-ft-ci a{display:inline-flex;align-items:center;min-height:44px}
.cf-ft-ci svg{margin-top:0}
.cf-ft .cf-ft-rating-text a{display:inline-flex;align-items:center;min-height:44px}
}
@media (max-width:767.98px){
.cf-ft-wrap{padding:0 16px}
.cf-ft-usplist{gap:14px 12px;padding:16px 0}
.cf-ft-usplist li{gap:10px;font-size:13px}
.cf-ft-usplist strong{font-size:14px}
.cf-ft-usplist svg{width:24px;height:24px}
.cf-ft-main{padding:28px 0 0}
.cf-ft-grid{display:block}
.cf-ft-brand{display:block;margin-bottom:16px}
.cf-ft-logo img{width:136px}
.cf-ft .cf-ft-claim{margin-top:10px;font-size:14px}
.cf-ft-col{border-bottom:1px solid var(--ft-line)}
.cf-ft-brand+.cf-ft-col{border-top:1px solid var(--ft-line)}
.cf-ft .cf-ft-h{margin:0;padding:14px 0 6px}
.cf-ft.cf-ft-js .cf-ft-h{padding:0}
.cf-ft-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;margin:0;padding:12px 0;border:0;border-radius:0;background:none;font:inherit;font-size:16px;font-weight:700;line-height:1.3;color:var(--ft-head);text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}
.cf-ft-chev{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.cf-ft-toggle[aria-expanded="true"] .cf-ft-chev{transform:rotate(180deg)}
.cf-ft-toggle:hover{color:var(--ft-ink)}
.cf-ft-panel{padding-bottom:10px}
.cf-ft-panel[hidden]{display:none}
.cf-ft-trust{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:24px;padding-top:0;border-top:0}
.cf-ft .cf-ft-label{margin-bottom:10px}
.cf-ft-word{width:min(280px,calc(100% - 32px));margin-top:32px}
.cf-ft-legal{padding-top:16px}
.cf-ft-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px;max-width:420px}
.cf-ft-legal-links a{display:inline-flex;align-items:center;min-height:44px}
.cf-ft-minlinks{gap:0 18px}
}
@media (prefers-reduced-motion:reduce){.cf-ft-chev{transition:none}}
@media print{.cf-ft-usps,.cf-ft-trust,.cf-ft-word{display:none}}