.wl-kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:center}
.wl-kopftext{min-width:0}
.wl-kopftext h1{overflow-wrap:break-word;hyphens:auto}
.wl-kreis{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.wl-ring{position:relative;display:grid;place-items:center;align-content:center;gap:4px;flex:none;width:clamp(124px,22vw,172px);aspect-ratio:1/1;border-radius:50%;background:#fff;border:2.5px solid var(--tinte);box-shadow:inset 0 0 0 7px #fff,inset 0 0 0 8.5px var(--s-bd),0 12px 30px rgba(20,47,58,.12)}
.wl-ring::after{content:"";position:absolute;top:-8px;left:50%;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--gold-hell)}
.wl-pk{width:30px;height:30px;color:var(--s-ink)}
.wl-code{font-size:clamp(30px,5.6vw,46px);font-weight:600;line-height:1;letter-spacing:.08em;padding-left:.08em;color:var(--tinte);font-variant-numeric:tabular-nums}
.wl-flagge{position:absolute;right:-4px;bottom:4px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--tinte);box-shadow:0 6px 16px rgba(20,47,58,.16);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif;font-size:28px;line-height:1;overflow:hidden;font-variant-emoji:emoji}
.wl-foto{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.wl-ring:has(.wl-foto) .wl-pk,.wl-ring:has(.wl-foto) .wl-code{visibility:hidden}
.wl-name{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--s-ink);text-align:center;max-width:16ch;overflow-wrap:break-word}
.wl-spalten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px;align-items:start}
.wl-karte{min-width:0;padding:20px 20px 18px;background:#fff;border:1px solid var(--s-bd);border-radius:18px;box-shadow:0 10px 28px rgba(20,47,58,.08)}
.wl-karte-kopf{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.25;color:var(--tinte)}
.wl-karte-kopf .pk{flex:none;color:var(--s-ink)}
.wl-status{margin:0 0 10px;font-size:16.5px;font-weight:600;line-height:1.45;color:var(--tinte)}
.wl-karte--verboten,.wl-karte--blueten_verboten,.wl-karte--nur_fertigarznei{border-color:#b9473d;box-shadow:inset 4px 0 0 #b9473d,0 10px 28px rgba(20,47,58,.08)}
.wl-sicher{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:12px 14px;border:1px solid #e3b3ad;border-radius:14px;background:#fbefed;font-size:15.5px;font-weight:600;line-height:1.45;color:#5c1712}
.wl-sicher::before{content:"";flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%;background:#b9473d}
.wl-saetze{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wl-satz{position:relative;padding-left:18px;font-size:15px;line-height:1.5;color:var(--text)}
.wl-satz::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--s-bd)}
.wl-satz.wl-offen{font-style:italic;color:var(--leise)}
.wl-fest{margin-top:16px}
.wl-unterkopf{margin:22px 0 10px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--s-ink)}
.wl-q{position:relative;top:-.45em;margin-left:2px;font-size:.68em;line-height:1;vertical-align:baseline;white-space:nowrap}
.wl-q a{display:inline-block;min-width:1.6em;padding:.12em .3em;border-radius:6px;font-weight:700;line-height:1.1;text-align:center;text-decoration:none;color:var(--s-ink);background:var(--s-fill);border:1px solid var(--s-line)}
.wl-q a:hover,.wl-q a:focus-visible{background:var(--s-line)}
.wl-q+.wl-q{margin-left:2px}
.wl-mappe{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wl-punkt{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border:1px solid var(--linie);border-radius:18px;box-shadow:0 10px 28px rgba(20,47,58,.08)}
.wl-punkt>div{min-width:0}
.wl-punkt h3{margin:0 0 3px;font-size:17px;font-weight:700;line-height:1.25;color:var(--tinte)}
.wl-punkt p{margin:0;font-size:14.5px;line-height:1.5;color:var(--leise)}
.wl-weg{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.wl-weg li{border-top:1px solid var(--linie);padding-top:14px;min-width:0}
.wl-weg .wl-nr{display:block;font-size:34px;font-weight:500;line-height:1;color:#5c6b76;font-variant-numeric:tabular-nums}
.wl-weg h3{margin:12px 0 4px;font-size:18px;font-weight:700}
.wl-weg p{margin:0;font-size:14.5px;line-height:1.5;color:var(--text)}
.wl-weg a{font-weight:600;color:var(--s-ink)}
.wl-quellen-gruppen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px}
.wl-quellen{margin:0;padding-left:1.6em;display:grid;gap:8px;font-size:14px;line-height:1.45;color:var(--leise)}
.wl-quellen li{padding-left:2px;scroll-margin-top:140px}
.wl-quellen li:target{background:var(--s-fill);outline:1px solid var(--s-line);border-radius:6px}
.wl-quellen a{font-weight:600;color:var(--tinte);overflow-wrap:anywhere}
.wl-quellen-abschnitt .knoepfe{margin-top:22px}
.wl-regionen{display:grid;gap:10px;margin-top:16px}
.wl-region{border:1px solid var(--s-bd);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(20,47,58,.06)}
.wl-region>summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;font-size:19px;font-weight:700;color:var(--tinte)}
.wl-region>summary::-webkit-details-marker{display:none}
.wl-region>summary::after{content:"+";flex:none;font-size:22px;font-weight:500;line-height:1;color:var(--s-ink)}
.wl-region[open]>summary::after{content:"−"}
.wl-region>summary:focus-visible{outline:2px solid var(--s-ink);outline-offset:2px;border-radius:18px}
.wl-region-zahl{margin-left:auto;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--s-ink)}
.wl-gruppen{display:grid;gap:4px;padding:0 20px 18px}
.wl-gruppe{border-top:1px solid var(--linie);padding-top:12px}
.wl-gruppe h3{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--s-ink)}
.wl-raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px 8px}
.wl-raster li{min-width:0}
.wl-land{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;padding:14px 4px 12px;border:1px solid transparent;border-radius:18px;color:var(--tinte);text-align:center;text-decoration:none}
a.wl-land:hover,a.wl-land:focus-visible{background:var(--s-fill);border-color:var(--s-line)}
.wl-ring--klein{width:72px;gap:0;border-width:2px;box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 6px var(--s-bd),0 8px 20px rgba(20,47,58,.10)}
.wl-ring--klein::after{top:-6px;width:10px;height:10px;margin-left:-5px;box-shadow:0 0 0 2.5px var(--gold-hell)}
.wl-ring--klein .wl-code{font-size:21px;letter-spacing:.06em;padding-left:.06em}
.wl-ring--klein .wl-flagge{right:-6px;bottom:-2px;width:30px;height:30px;border-width:1.5px;font-size:16px}
.wl-land-name{max-width:100%;font-size:14px;font-weight:600;line-height:1.25;hyphens:auto;overflow-wrap:break-word}
.wl-land--folgt{color:var(--leise)}
.wl-land--folgt .wl-ring--klein{border-color:var(--s-bd);box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 6px var(--linie)}
.wl-land--folgt .wl-ring--klein::after{background:var(--linie);box-shadow:none}
.wl-tag{display:inline-block;padding:1px 8px;border:1px dashed var(--s-bd);border-radius:12px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--s-ink)}
@media (max-width:960px){.wl-weg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.wl-spalten,.wl-mappe,.wl-quellen-gruppen{grid-template-columns:1fr}}
@media (max-width:640px){.wl-kopf{grid-template-columns:1fr}
.wl-kopf .wl-kreis{order:-1;align-items:flex-start}
.wl-ring{width:124px}
.wl-flagge{width:40px;height:40px;font-size:22px}
.wl-weg{grid-template-columns:1fr}
.wl-karte{padding:16px}
.wl-region>summary{padding:14px 16px;font-size:17px}
.wl-gruppen{padding:0 14px 14px}}
@media (max-width:380px){.wl-raster{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
.wl-ring--klein{width:64px}
.wl-ring--klein .wl-code{font-size:19px}}
@media (prefers-reduced-motion:reduce){.wl-region>summary::after{transition:none}}
@media (forced-colors:active){.wl-ring,.wl-flagge,.wl-karte,.wl-punkt,.wl-region{border-color:CanvasText;box-shadow:none}
.wl-ring::after,.wl-satz::before,.wl-sicher::before{background:CanvasText;box-shadow:none}
.wl-sicher,.wl-q a{border-color:CanvasText}}
@media print{.wl-ring,.wl-flagge,.wl-karte,.wl-punkt,.wl-region{box-shadow:none}
.wl-region>summary::after{content:none}
.wl-sicher{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.wl-quellen a::after{content:" (" attr(href) ")";font-weight:400}}