/* ProSafe® ESD: Wissensbereich. Tokens wie auf der Produktseite (Brand Guidelines v1.0). */
:root {
  --ink: #17191c; --muted: #58616b; --paper: #f5f6f7; --line: #dde2e6; --white: #fff;
  --pro-grey: #7f7f7f; --pro-text: #555555; --focus: #17191c;
  --sans: Geist, Arial, Helvetica, sans-serif; --mono: "Geist Mono", "Courier New", Courier, monospace;
  --r: 12px; --frame: 2px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; background: var(--white); color: var(--ink); font: 400 16px/26px var(--sans); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
a { color: var(--ink); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; border-radius: 4px; }
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 768px) { .wrap { padding: 0 24px; } }
@media (min-width: 1200px) { .wrap { padding: 0 40px; } }
.article { max-width: 75ch; margin: 0 auto; padding: 24px 0 56px; }
.article.wide { max-width: none; }

/* Kopf und Fuß */
.site-header { border-bottom: 1px solid var(--line); background: var(--white); position: sticky; top: 0; z-index: 5; }
.bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; padding-top: 10px; padding-bottom: 10px; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; min-height: 44px; }
.brand img { width: 44px; height: 44px; }
.brand span { font-weight: 700; font-size: 18px; letter-spacing: -0.01em; }
.main-nav { display: flex; flex-wrap: wrap; gap: 0 4px; flex: 1; justify-content: flex-end; }
.main-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; text-decoration: none; font-weight: 500; font-size: 15px; border-radius: 8px; }
.main-nav a:hover { background: var(--paper); }
@media (max-width: 767px) { .main-nav { justify-content: flex-start; } .main-nav a { padding: 0 10px; font-size: 14px; } }
.crumbs { font-size: 14px; line-height: 20px; color: var(--muted); padding: 20px 0 0; }
.crumbs a { color: var(--pro-text); }
.site-footer { margin-top: 32px; border-top: 1px solid var(--line); background: var(--paper); padding: 32px 0 48px; }
.foot { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .foot { grid-template-columns: 2fr 2fr 1fr; } }
.site-footer p { margin: 0 0 8px; font-size: 14px; line-height: 20px; color: var(--muted); }
.site-footer a { color: var(--pro-text); }
.origin { font-weight: 600; color: var(--ink) !important; }
.label { font: 500 12px/16px var(--mono); letter-spacing: 0.04em; text-transform: uppercase; color: var(--pro-text); margin: 0 0 8px; }

/* Typografie */
h1, h2, h3 { margin: 0; letter-spacing: -0.02em; color: var(--ink); }
h1 { font-size: 36px; line-height: 40px; font-weight: 700; margin: 24px 0 16px; letter-spacing: -0.03em; }
@media (min-width: 768px) { h1 { font-size: 44px; line-height: 48px; } }
h2 { font-size: 26px; line-height: 32px; font-weight: 600; margin: 48px 0 16px; letter-spacing: -0.01em; scroll-margin-top: 88px; }
h3 { font-size: 20px; line-height: 28px; font-weight: 600; margin: 32px 0 8px; letter-spacing: 0; }
p { margin: 0 0 18px; }
.lead { font-size: 18px; line-height: 28px; color: var(--muted); margin: 0 0 24px; }
.small { font-size: 14px; line-height: 20px; color: var(--muted); }
ul, ol { padding-left: 22px; margin: 0 0 20px; }
li { margin-bottom: 8px; }
.note { border: var(--frame) solid var(--pro-grey); border-radius: var(--r); padding: 16px 20px; margin: 24px 0; background: var(--paper); }
.note p { margin: 0; }
.note strong { display: block; margin-bottom: 4px; }
.toc { border: 1px solid var(--line); border-radius: var(--r); padding: 16px 20px 8px; margin: 24px 0 32px; }
.toc ol { margin: 0; }
.toc li { margin-bottom: 8px; }
.tbl { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 22px; margin: 16px 0 24px; }
.tbl th, .tbl td { text-align: left; padding: 12px 16px 12px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.tbl thead th { background: var(--paper); font: 500 12px/16px var(--mono); letter-spacing: 0.04em; text-transform: uppercase; color: var(--pro-text); padding: 12px 16px; }
.tbl-wrap { overflow-x: auto; }

/* Karten und Buttons */
.grid { display: grid; gap: 24px; grid-template-columns: 1fr; margin: 24px 0; }
@media (min-width: 768px) { .grid.g2 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .grid.g3 { grid-template-columns: repeat(3, 1fr); } }
.card { display: flex; flex-direction: column; gap: 8px; padding: 24px; background: var(--white); border: var(--frame) solid var(--line); border-radius: var(--r); color: var(--ink); text-decoration: none; }
.card:hover { border-color: var(--pro-grey); background: var(--paper); }
.card p { color: var(--muted); font-size: 15px; line-height: 22px; margin: 0; }
.card .more { margin-top: auto; padding-top: 8px; font-weight: 600; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; background: var(--ink); color: var(--white); border: var(--frame) solid var(--ink); border-radius: var(--r); text-decoration: none; font-weight: 600; font-size: 15px; }
.btn.ghost { background: var(--white); color: var(--ink); border-color: var(--pro-grey); }
.band { display: grid; gap: 16px; padding: 28px 24px; margin: 48px 0 24px; border: var(--frame) solid var(--pro-grey); border-radius: var(--r); background: var(--paper); }
@media (min-width: 992px) { .band { grid-template-columns: 1fr auto; align-items: center; padding: 32px; } }
.band h2 { margin: 0 0 8px; font-size: 24px; line-height: 30px; }
.band p { margin: 0; color: var(--muted); }
.band .actions { margin: 0; }
.symbol { color: var(--ink); }



.druck { border-left: 4px solid #FEC602; background: var(--paper); padding: 12px 16px; border-radius: 0 var(--r) var(--r) 0; margin: 16px 0; font-size: 15px; line-height: 24px; }
.druck strong { display: block; }
.druck a { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

.sp-chips a.sp-neu { background: #FEC602; border-color: #000; color: #000; font-weight: 700; }
.sp-chips a.sp-neu:hover { background: #FEC602; box-shadow: 0 0 0 2px #000 inset; }

.dd-menu .dd-neu a { background: #FEC602; color: #000; font-weight: 700; } .dd-menu .dd-neu a:hover, .dd-menu .dd-neu a:focus-visible { background: #FEC602; box-shadow: 0 0 0 2px #000 inset; }

.btn:not(.ghost), .site-footer a.btn:not(.ghost), button.btn:not(.ghost), form.hsearch button, a.tbtn, button.chip[aria-pressed="true"] { background: #FEC602; color: #000; border: 2px solid #000; font-weight: 700; }
.btn:not(.ghost):hover, .site-footer a.btn:not(.ghost):hover, button.btn:not(.ghost):hover, form.hsearch button:hover, a.tbtn:hover { background: #FFD633; color: #000; box-shadow: 0 0 0 2px #000 inset; }

.tcard .tbtn, span.tbtn { background: #FEC602; color: #000; border: 2px solid #000; font-weight: 700; } .tcard:hover .tbtn { background: #FFD633; box-shadow: 0 0 0 2px #000 inset; }


.plead { font-size: 17px; line-height: 27px; margin: 0 0 12px; }
h3.sh { font-size: 17px; line-height: 24px; margin: 22px 0 8px; }
ul.tick { margin: 0 0 8px; padding-left: 20px; } ul.tick li { margin: 4px 0; }
.faq details { border-top: 1px solid var(--line); padding: 12px 0; } .faq details:last-of-type { border-bottom: 1px solid var(--line); }
.faq summary { cursor: pointer; font-weight: 600; font-size: 16px; line-height: 24px; } .faq p { margin: 8px 0 0; max-width: 72ch; }
.passend { margin: 20px 0 8px; } .passend a { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

.glance { border-left: 4px solid #FEC602; background: var(--paper); padding: 16px 20px; border-radius: 0 var(--r) var(--r) 0; margin: 20px 0 28px; max-width: 78ch; }
.glance h2 { font-size: 18px; line-height: 26px; margin: 0 0 8px; }
.glance ul { margin: 0; padding-left: 20px; } .glance li { margin: 6px 0; line-height: 24px; }
.glance a { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.why { display: grid; gap: 16px; grid-template-columns: 1fr; margin: 16px 0 8px; } @media (min-width: 720px) { .why { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1100px) { .why { grid-template-columns: repeat(5, 1fr); } }
.why > div { border: 1px solid var(--line); border-radius: var(--r); padding: 16px 18px; background: var(--white); } .why h3 { margin: 0 0 6px; font-size: 16px; line-height: 22px; } .why p { margin: 0; font-size: 14px; line-height: 21px; color: var(--muted); }

.site-footer.hi5 .flinks { list-style: none; padding: 0; margin: 0; } .site-footer.hi5 .flinks li { margin-bottom: 8px; }
.site-footer.hi5 .foot { grid-template-columns: 1fr; } @media (min-width: 900px) { .site-footer.hi5 .foot { grid-template-columns: 1.4fr 1fr 1.2fr 1.2fr 1fr; } }
.site-footer .small { margin: 0 0 8px; }
.flinks-inline { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 12px 0 0; } .flinks-inline a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; min-height: 44px; display: inline-flex; align-items: center; }
.site-footer a.btn.ghost { color: var(--ink); }

/* Markenband im Fuss */
.fuss-marken { margin-top: 40px; } .fuss-marken h2 { font-size: 22px; line-height: 30px; margin: 0 0 6px; } .fuss-marken > p { margin: 0 0 4px; color: var(--muted); }
.brandband { overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 20px 0; margin: 20px 0 0; }
.brandtrack { display: flex; width: max-content; animation: brandscroll 45s linear infinite; }
.brandtrack a { flex: 0 0 auto; width: 220px; height: 112px; margin-right: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--line); border-radius: var(--r); background: var(--white); padding: 12px; text-decoration: none; color: var(--ink); font-size: 14px; }
.brandtrack a:hover, .brandtrack a:focus-visible { border-color: var(--ink); }
.brandtrack img { max-height: 64px; max-width: 180px; width: auto; height: auto; object-fit: contain; }
.brandband:hover .brandtrack, .brandband:focus-within .brandtrack { animation-play-state: paused; }
@keyframes brandscroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .brandtrack { animation: none; } }

.insitu { display: grid; gap: 16px; grid-template-columns: 1fr; margin: 20px 0 28px; } @media (min-width: 760px) { .insitu.drei { grid-template-columns: repeat(3, 1fr); } }
.insitu-fig, .article figure.einzel { margin: 20px 0 24px; } .insitu-fig img, figure.einzel img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--r); border: 1px solid var(--line); background: var(--paper); display: block; }
.insitu-fig figcaption, figure.einzel figcaption { font-size: 14px; line-height: 20px; color: var(--muted); margin-top: 6px; }
.gallery img.einsatz { grid-column: 1 / -1; aspect-ratio: 3 / 2; object-fit: cover; } .gallery .ki-note { grid-column: 1 / -1; margin: 0; }
figure.einzel { max-width: 760px; }

img.vw-src { cursor: zoom-in; } img.vw-src:focus-visible { outline: 3px solid #FEC602; outline-offset: 2px; }
html.vw-lock { overflow: hidden; }
.vw { position: fixed; inset: 0; z-index: 1000; display: grid; grid-template-rows: auto 1fr auto auto; background: rgba(10, 10, 10, .94); color: #fff; touch-action: none; }
.vw[hidden] { display: none; }
.vw-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 16px; }
.vw-cnt { font: 500 14px/20px var(--mono, monospace); }
.vw-tools { display: flex; gap: 8px; }
.vw-btn { min-width: 44px; min-height: 44px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 8px; background: rgba(255, 255, 255, .08); color: #fff; font: 600 20px/1 var(--sans, sans-serif); cursor: pointer; }
.vw-btn:hover { background: rgba(255, 255, 255, .18); } .vw-btn:focus-visible { outline: 3px solid #FEC602; outline-offset: 2px; }
.vw-btn.vw-zr { font-size: 14px; } .vw-btn.vw-x { background: #FEC602; border-color: #FEC602; color: #000; }
.vw-stage { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: 0; cursor: zoom-in; }
.vw-stage.vw-zoomed { cursor: grab; } .vw-stage.vw-zoomed:active { cursor: grabbing; }
.vw-img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; transform-origin: center center; will-change: transform; background: #fff; border-radius: 4px; }
.vw-stage.vw-load .vw-img { opacity: .4; }
.vw-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 52px; min-height: 64px; font-size: 34px; }
.vw-prev { left: 8px; } .vw-next { right: 8px; } .vw.vw-single .vw-nav, .vw.vw-single .vw-strip { display: none; }
.vw-cap { margin: 0; padding: 8px 16px; font-size: 14px; line-height: 20px; text-align: center; color: rgba(255, 255, 255, .85); }
.vw-strip { display: flex; gap: 8px; justify-content: center; padding: 0 16px 14px; overflow-x: auto; }
.vw-th { flex: 0 0 auto; width: 64px; height: 64px; padding: 0; border: 2px solid transparent; border-radius: 6px; background: #fff; cursor: pointer; overflow: hidden; }
.vw-th img { width: 100%; height: 100%; object-fit: contain; display: block; } .vw-th[aria-current="true"] { border-color: #FEC602; } .vw-th:focus-visible { outline: 3px solid #FEC602; outline-offset: 2px; }
@media (max-width: 600px) { .vw-nav { width: 44px; min-height: 56px; } .vw-th { width: 52px; height: 52px; } }
@media (prefers-reduced-motion: no-preference) { .vw-img { transition: transform .12s ease-out; } }

.main-nav a.langsw, a.langsw { font-weight: 600; border: 1px solid var(--line, #d7d7d7); margin-left: 8px; } .langline { margin: 0 0 8px; text-align: right; font-size: 13px; } .langline a { text-decoration: underline; } @media print { .langline { display: none; } }

.psk-cta { border: 1px solid var(--line); border-radius: var(--r); background: var(--paper); padding: 16px 18px; margin: 20px 0; display: grid; gap: 8px; }
.psk-cta h2 { margin: 0; font-size: 18px; line-height: 26px; } .psk-cta p { margin: 0; }
.psk-guide { display: grid; gap: 16px; grid-template-columns: 1fr; margin: 12px 0 24px; } @media (min-width: 760px) { .psk-guide { grid-template-columns: repeat(3, 1fr); } }
.psk-guide > div { border: 1px solid var(--line); border-radius: var(--r); padding: 14px 16px; } .psk-guide h3 { margin: 0 0 8px; font-size: 16px; }

/* Ausführung wählen (Produktlinien) */
.fam-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.fam-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px 0 10px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); text-decoration: none; font-size: 14px; line-height: 20px; font-weight: 500; transition: border-color .15s, background .15s; }
.fam-chip:hover { border-color: #17191c; background: #fffdf3; }
.fam-chip[aria-current="page"] { border-color: #17191c; box-shadow: 0 0 0 2px #FEC602; font-weight: 700; }
.fam-dot { display: inline-block; width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.28); flex: none; }

/* Piktogramme im Menü Produktgruppen */
.dd .dd-menu { min-width: 292px; }
.dd .dd-menu a { display: flex; align-items: center; gap: 12px; }
.dd .dd-menu a::before { content: ""; flex: none; width: 22px; height: 22px; background: currentColor; opacity: .78; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; transition: opacity .15s; }
.dd .dd-menu a:hover::before, .dd .dd-menu a:focus-visible::before { opacity: 1; }
.dd .dd-menu .dd-neu a::before { background: #17191c; opacity: 1; }
.dd-menu a[href$="esd-sweatshirts-jacken.html"] { --ico: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%203.5%204.5%206%203%2019.5h3.2l.8-7.8v8.8h10v-8.8l.8%207.8H21L19.5%206%2015%203.5a3.2%203.2%200%200%201-6%200zM12%207v13.5%22/%3E%3C/svg%3E"); }
.dd-menu a[href$="kategorie/esd-kleidung.html"] { --ico: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8.5%203.5%203%206.2l1.8%204%202.7-1.1v11.4h9V9.1l2.7%201.1%201.8-4-5.5-2.7a3.6%203.6%200%200%201-7%200z%22/%3E%3C/svg%3E"); }
.dd-menu a[href$="esd-armbaender.html"] { --ico: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%209.5C5%207.6%208.1%206%2012%206s7%201.6%207%203.5v5c0%201.9-3.1%203.5-7%203.5s-7-1.6-7-3.5zM5%209.5c0%201.9%203.1%203.5%207%203.5s7-1.6%207-3.5M12%2014.8v1.6%22/%3E%3C/svg%3E"); }
.dd-menu a[href$="esd-fersenbaender.html"] { --ico: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2016.5V13c2.6%200%203.8-1.6%204.4-4.5H10c0%202.5%201.6%204%204.5%204.7l5.8%201.3c.5.1.7.5.7%201v1zM2.5%2019.8h19M7.4%208.5%206.6%205.5h3%22/%3E%3C/svg%3E"); }
.dd-menu a[href$="esd-handschuhe.html"] { --ico: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8%2011V5.5a1.25%201.25%200%200%201%202.5%200V10M10.5%209.5V4a1.25%201.25%200%200%201%202.5%200v6M13%2010V5a1.25%201.25%200%200%201%202.5%200v6M15.5%2011V8a1.25%201.25%200%200%201%202.5%200v6.5c0%203.6-2%206-5.2%206h-1.4c-2.2%200-3.2-.9-4.4-2.6L4.4%2014.4a1.3%201.3%200%200%201%202-1.6L8%2014.6V11%22/%3E%3C/svg%3E"); }
.dd-menu a[href$="esd-tischmatten-bodenmatten.html"] { --ico: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3.5%2017%207%208.5h13.5L17%2017zM11.2%208.5l-2.3%208.5M15.8%208.5l-2.3%208.5M5.3%2012.8h14M5%2020h12%22/%3E%3C/svg%3E"); }
.dd-menu a[href$="esd-erdungszubehoer.html"] { --ico: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M2.5%2012c1-5%203-5%203.5%200s2.5%205%203.5%200%202.5-5%203.5%200%202.5%205%203.5%200M17.5%209.5h3v5h-3zM20.5%2011h1.5M20.5%2013h1.5%22/%3E%3C/svg%3E"); }
.dd-menu a[href$="kategorie/reinraum.html"] { --ico: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%203.5l1.9%205.1%205.1%201.9-5.1%201.9L12%2017.5l-1.9-5.1L5%2010.5l5.1-1.9zM18.5%2016.5l.7%201.8%201.8.7-1.8.7-.7%201.8-.7-1.8-1.8-.7%201.8-.7z%22/%3E%3C/svg%3E"); }
.dd-menu a[href$="reinraum-bekleidung-zubehoer.html"] { --ico: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4.5%2014.5a7.5%207.5%200%200%201%2015%200M3%2014.5h18v2.2a1.5%201.5%200%200%201-1.5%201.5h-15A1.5%201.5%200%200%201%203%2016.7zM9%209.4c.8-.6%201.6-1%203-1s2.2.4%203%201%22/%3E%3C/svg%3E"); }
.dd-menu a[href$="alle-artikel.html"] { --ico: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%204h7v7H4zM13%204h7v7h-7zM4%2013h7v7H4zM13%2013h7v7h-7z%22/%3E%3C/svg%3E"); }

/* Tippziele im Fuss mindestens 24 x 24 px */
footer a[href^="tel:"], footer a[href^="mailto:"], footer .small a { display: inline-block; min-height: 24px; line-height: 24px; }
footer .flinks a { display: inline-block; padding: 2px 0; }