:root {
  --wd-pink: #ff2ec4;
  --wd-green: #39ff14;

  --wd-bg: #120818;
  --wd-bg-2: #1f0d2a;
  --wd-text: #fbeefa;
  --wd-muted: #cdb8d6;
  --wd-ink: #2a1033;
  --wd-paper: #fff8fc;
  --wd-metal: #b9b2c4;

  --wd-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --wd-font-display: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Arial Black", "Noto Sans", system-ui, sans-serif;
  --wd-font-sign: Bahnschrift, "DIN Alternate", "DIN Next LT Pro", "Roboto Condensed", sans-serif-condensed, "Arial Narrow", "Liberation Sans Narrow", Arial, sans-serif;

  --wd-max: 1100px;

  --wd-sticker: #ffe94a;
}
.khub.khub { --khub-neon-pink: var(--wd-pink); --khub-neon-green: var(--wd-green); }

*, *::before, *::after { box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  margin: 0;
  min-height: 100vh;
  color: var(--wd-text);
  background:
    radial-gradient(900px 520px at 0% 0%, rgba(255, 46, 196, .16), transparent 70%),
    radial-gradient(900px 620px at 100% 100%, rgba(57, 255, 20, .10), transparent 70%),
    var(--wd-bg);
  font-family: var(--wd-font);
  font-size: 16px;
  line-height: 1.55;
  overflow-x: hidden;
}
a { color: inherit; }
img, svg { max-width: 100%; }
:focus { outline: none; }
:focus-visible { outline: 3px solid var(--wd-green); outline-offset: 3px; border-radius: 4px; }

.wd-sr {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.wd-skip {
  position: absolute; z-index: 100; left: 12px; top: -60px; padding: 10px 16px;
  color: var(--wd-ink); background: var(--wd-green); border: 3px solid var(--wd-ink); border-radius: 10px;
  font-weight: 800; text-decoration: none;
}
.wd-skip:focus { top: 12px; }

.wd-head {
  max-width: var(--wd-max); margin: 0 auto; padding: 34px 20px 10px;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px 24px;
}
.wd-tagline { grid-column: 1; margin: 6px 0 0; color: var(--wd-muted); font-size: 17px; font-weight: 600; }
.wd-nav { grid-column: 2; grid-row: 1 / span 2; align-self: center; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.wd-nav a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px;
  color: var(--wd-text); background: rgba(18, 8, 24, .6);
  border: 3px solid var(--wd-pink); border-radius: 999px;
  box-shadow: 3px 3px 0 var(--wd-pink);
  font-family: var(--wd-font-display); font-size: 16px; font-weight: 900; text-decoration: none; text-transform: uppercase; letter-spacing: .03em;
  transition: translate .1s, box-shadow .1s;
}
.wd-nav a[aria-current="page"] { color: var(--wd-ink); background: var(--wd-green); border-color: var(--wd-ink); }
.wd-nav a:active { translate: 2px 2px; box-shadow: 1px 1px 0 var(--wd-pink); }

.wd-main { max-width: var(--wd-max); margin: 0 auto; padding: 28px 20px 30px; }
.wd-main .khub { margin-top: 18px; }
.wd-noscript { padding: 16px 20px; color: var(--wd-ink); background: var(--wd-green); border: 3px solid var(--wd-ink); border-radius: 14px; font-weight: 700; }

.wd-page { max-width: 780px; margin: 0 auto; }
.wd-page h1 {
  margin: 0 0 18px; font-family: var(--wd-font-display); font-size: clamp(32px, 7vw, 52px); font-weight: 900; line-height: 1.1;
  text-transform: uppercase; color: #ffe3f7; rotate: -1.5deg; transform-origin: 0 50%;
  text-shadow: 0 0 2px #fff, 0 0 12px var(--wd-pink), 0 0 28px rgba(255, 46, 196, .8);
}
.wd-page h2 { margin: 0 0 8px; font-family: var(--wd-font-display); font-size: 21px; font-weight: 900; line-height: 1.25; color: var(--wd-green); }
.wd-page h1, .wd-page h2 { overflow-wrap: break-word; hyphens: auto; }
.wd-page h3 { margin: 18px 0 6px; font-size: 17px; font-weight: 800; }
.wd-page p, .wd-page ul { margin: 0 0 12px; }
.wd-page ul { padding-left: 22px; }
.wd-lead { font-size: 18px; color: var(--wd-text); }
.wd-page a, .wd-foot a {
  text-decoration: underline; text-decoration-color: var(--wd-pink); text-decoration-thickness: 3px; text-underline-offset: 4px;
  font-weight: 700;
}
.wd-box {
  margin: 0 0 18px; padding: 20px 22px;
  background: var(--wd-bg-2); border: 3px solid var(--wd-pink); border-radius: 18px 24px 16px 26px / 24px 16px 26px 18px;
  box-shadow: 5px 5px 0 var(--wd-green);
}
.wd-box:nth-of-type(even) { border-color: var(--wd-green); box-shadow: 5px 5px 0 var(--wd-pink); }
.wd-box > :last-child { margin-bottom: 0; }
.wd-todo { padding: 0 4px; color: var(--wd-ink); background: var(--wd-green); border-radius: 4px; font-weight: 800; }
.wd-page .wd-pills { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; }
.wd-page .wd-pills a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px;
  color: var(--wd-ink); background: var(--wd-paper); border: 3px solid var(--wd-ink); border-radius: 11px 15px 10px 16px / 15px 10px 16px 11px;
  box-shadow: 3px 3px 0 var(--wd-pink); text-decoration: none; font-weight: 800;
}

.wd-foot {
  max-width: var(--wd-max); margin: 30px auto 0; padding: 26px 20px 40px;
  border-top: 3px dashed rgba(255, 46, 196, .5);
  color: var(--wd-muted); font-size: 15px; text-align: center;
}
.wd-foot nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; }
.wd-foot a { display: inline-block; padding: 8px 2px; color: var(--wd-text); }

.wd-grp, .wd-arrow, .wd-farbe--weiss { --face: #f4f2ec; --text: #141414; --sep: rgba(20, 20, 20, .28); --hover: rgba(20, 20, 20, .08); }
.wd-farbe--gelb, .wd-town, .wd-base__plate {
  --face: #ffd200; --text: #141414; --sep: rgba(20, 20, 20, .28); --hover: rgba(20, 20, 20, .09);
}
.wd-farbe--blau { --face: #1d4fa3; --text: #ffffff; --sep: rgba(255, 255, 255, .32); --hover: rgba(255, 255, 255, .14); }
.wd-farbe--gruen { --face: #0b6b3a; --text: #ffffff; --sep: rgba(255, 255, 255, .32); --hover: rgba(255, 255, 255, .14); }
.wd-farbe--orange { --face: #e8731a; --text: #141414; --sep: rgba(20, 20, 20, .3); --hover: rgba(20, 20, 20, .1); }
.wd-farbe--braun { --face: #7a4a24; --text: #ffffff; --sep: rgba(255, 255, 255, .32); --hover: rgba(255, 255, 255, .14); }

.wd-hub::before, .wd-col::before, .wd-col::after {
  content: ''; position: absolute; z-index: 0; width: 18px;
  background: linear-gradient(90deg, #6f6779 0%, var(--wd-metal) 35%, #f1eef5 50%, var(--wd-metal) 65%, #6f6779 100%);
  border: 3px solid var(--wd-ink); border-bottom: 0; border-radius: 5px 5px 0 0;
}

.wd-hub { position: relative; max-width: 640px; margin: 44px auto 0; padding: 0 0 78px; }
.wd-hub::before { top: 40px; bottom: 0; left: 50%; margin-left: -9px; }
.wd-hub::after {
  content: ''; position: absolute; z-index: 0; left: 50%; bottom: -10px; width: 74px; height: 16px; margin-left: -37px;
  background: #8d8597; border: 3px solid var(--wd-ink); border-radius: 7px 7px 2px 2px;
}
.wd-town {
  position: relative; z-index: 2; display: grid; justify-items: center;
  width: min(100%, 400px); margin: 0 auto; padding: 24px 28px 20px;
  color: var(--text); background-color: var(--face);
  border-radius: 12px;
  box-shadow: inset 0 0 0 6px var(--face), inset 0 0 0 9.5px var(--text), 6px 6px 0 var(--wd-pink);
  text-align: center;
}
.wd-town__name { font-family: var(--wd-font-sign); font-size: clamp(36px, 9vw, 50px); font-weight: 700; line-height: 1.05; }
.wd-town__sub { margin-top: 4px; font-family: var(--wd-font-sign); font-size: 19px; font-weight: 700; letter-spacing: .02em; }
.wd-town__here {
  position: absolute; left: -16px; top: -18px; padding: 4px 11px;
  color: var(--wd-ink); background-color: var(--wd-green);
  border: 3px solid var(--wd-ink); border-radius: 6px 9px 5px 10px;
  box-shadow: 3px 3px 0 var(--wd-pink);
  font-family: var(--wd-font-display); font-size: 14px; font-weight: 900; line-height: 1.3; text-transform: uppercase; letter-spacing: .04em;
  rotate: -7deg;
}
.wd-arrows ul {
  display: grid; grid-template-columns: repeat(2, minmax(0, 290px)); justify-content: center; gap: 18px 0;
  margin: 34px 0 0; padding: 0; list-style: none;
}
.wd-arrow--l { grid-column: 1; }
.wd-arrow--r { grid-column: 2; }
.wd-arrow { position: relative; z-index: 1; filter: drop-shadow(4px 4px 0 rgba(0, 0, 0, .6)); }
.wd-arrow a {
  --tip: 30px;
  position: relative; display: grid; align-content: center; justify-items: center; gap: 1px;
  min-height: 68px; padding: 9px 18px;
  color: var(--text); background-color: var(--face);
  text-align: center; text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.wd-arrow a::before, .wd-arrow a::after { content: ''; position: absolute; z-index: 0; inset: 4px; background-color: var(--text); }
.wd-arrow a::after { inset: 7px; background-color: var(--face); }
.wd-arrow a > * { position: relative; z-index: 1; }
.wd-arrow--l a { padding-left: calc(var(--tip) + 12px); clip-path: polygon(var(--tip) 0, 100% 0, 100% 100%, var(--tip) 100%, 0 50%); rotate: -1.2deg; }
.wd-arrow--l a::before { clip-path: polygon(calc(var(--tip) - 2px) 0, 100% 0, 100% 100%, calc(var(--tip) - 2px) 100%, 0 50%); }
.wd-arrow--l a::after { clip-path: polygon(calc(var(--tip) - 4px) 0, 100% 0, 100% 100%, calc(var(--tip) - 4px) 100%, 0 50%); }
.wd-arrow--r a { padding-right: calc(var(--tip) + 12px); clip-path: polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%); rotate: 1.2deg; }
.wd-arrow--r a::before { clip-path: polygon(0 0, calc(100% - var(--tip) + 2px) 0, 100% 50%, calc(100% - var(--tip) + 2px) 100%, 0 100%); }
.wd-arrow--r a::after { clip-path: polygon(0 0, calc(100% - var(--tip) + 4px) 0, 100% 50%, calc(100% - var(--tip) + 4px) 100%, 0 100%); }
.wd-arrow:nth-child(6n+3) a { rotate: 1deg; }
.wd-arrow:nth-child(6n+4) a { rotate: -.8deg; }
.wd-arrow:nth-child(6n+5) a { rotate: -.5deg; }
.wd-arrow:nth-child(6n) a { rotate: 1.6deg; }
.wd-arrow:focus-within { outline: 3px dashed var(--wd-green); outline-offset: 6px; border-radius: 10px; }
.wd-arrow__name { font-family: var(--wd-font-sign); font-size: 23px; font-weight: 700; line-height: 1.1; }
.wd-arrow__km { font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.wd-hub__sticker {
  position: absolute; z-index: 1; left: 50%; display: grid; place-items: center;
  border: 2px solid var(--wd-ink); font-family: var(--wd-font-display); font-weight: 900; line-height: 1;
}
.wd-hub__sticker--a { bottom: 40px; margin-left: -17px; padding: 4px 5px 3px; color: var(--wd-ink); background-color: var(--wd-green); border-radius: 3px; font-size: 11px; rotate: -12deg; }
.wd-hub__sticker--b { bottom: 12px; margin-left: -9px; width: 22px; height: 22px; color: var(--wd-paper); background-color: var(--wd-pink); border-radius: 50%; font-size: 12px; rotate: 10deg; }

.wd-tables {
  position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 44px;
  max-width: 1060px; margin: 58px auto 0; padding: 0 0 16px;
}
.wd-tables::after {
  content: ''; position: absolute; left: -10px; right: -10px; bottom: 0; height: 18px;
  background: #4a4256; border: 3px solid var(--wd-ink); border-radius: 5px;
  box-shadow: inset 0 3px 0 #6f6779;
}
.wd-col { position: relative; display: flex; flex-direction: column; gap: 34px; padding: 30px 0 34px; }
.wd-col::before, .wd-col::after { top: 0; bottom: 0; left: 16%; }
.wd-col::after { left: auto; right: 16%; }
.wd-grp {
  position: relative; z-index: 1; padding: 12px 12px 10px;
  color: var(--text); background-color: var(--face);
  border-radius: 14px;
  box-shadow: inset 0 0 0 5px var(--face), inset 0 0 0 8px var(--text), 5px 6px 0 rgba(0, 0, 0, .55);
}
.wd-grp__head {
  display: flex; align-items: center; gap: 12px; margin: 0; padding: 8px 12px 12px;
  border-bottom: 3px solid var(--text);
  font-family: var(--wd-font-sign); font-size: 27px; font-weight: 700; line-height: 1.1;
  scroll-margin-top: 20px;
}
.wd-grp__badge { flex: none; width: 40px; height: 40px; background: center / contain no-repeat; }
.wd-grp__badge--deutschland { display: grid; place-items: center; width: 48px; height: 32px; background: #fff; border: 3px solid var(--text); border-radius: 50%; }
.wd-grp__badge--deutschland::before { content: 'D'; font-size: 19px; line-height: 1; }
.wd-grp__badge--europa { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='16.5' fill='%231d4fa3' stroke='%23fff' stroke-width='2.5'/%3E%3Cpath fill='%23ffd200' d='M18 4.6L18.74 6.58L20.85 6.67L19.2 7.99L19.76 10.03L18 8.86L16.24 10.03L16.8 7.99L15.15 6.67L17.26 6.58ZM23.2 5.99L23.94 7.97L26.05 8.07L24.4 9.38L24.96 11.42L23.2 10.25L21.44 11.42L22 9.38L20.35 8.07L22.46 7.97ZM27.01 9.8L27.75 11.78L29.86 11.87L28.2 13.19L28.77 15.23L27.01 14.06L25.24 15.23L25.81 13.19L24.15 11.87L26.27 11.78ZM28.4 15L29.14 16.98L31.25 17.07L29.6 18.39L30.16 20.43L28.4 19.26L26.64 20.43L27.2 18.39L25.55 17.07L27.66 16.98ZM27.01 20.2L27.75 22.18L29.86 22.27L28.2 23.59L28.77 25.63L27.01 24.46L25.24 25.63L25.81 23.59L24.15 22.27L26.27 22.18ZM23.2 24.01L23.94 25.99L26.05 26.08L24.4 27.4L24.96 29.43L23.2 28.27L21.44 29.43L22 27.4L20.35 26.08L22.46 25.99ZM18 25.4L18.74 27.38L20.85 27.47L19.2 28.79L19.76 30.83L18 29.66L16.24 30.83L16.8 28.79L15.15 27.47L17.26 27.38ZM12.8 24.01L13.54 25.99L15.65 26.08L14 27.4L14.56 29.43L12.8 28.27L11.04 29.43L11.6 27.4L9.95 26.08L12.06 25.99ZM8.99 20.2L9.73 22.18L11.85 22.27L10.19 23.59L10.76 25.63L8.99 24.46L7.23 25.63L7.8 23.59L6.14 22.27L8.25 22.18ZM7.6 15L8.34 16.98L10.45 17.07L8.8 18.39L9.36 20.43L7.6 19.26L5.84 20.43L6.4 18.39L4.75 17.07L6.86 16.98ZM8.99 9.8L9.73 11.78L11.85 11.87L10.19 13.19L10.76 15.23L8.99 14.06L7.23 15.23L7.8 13.19L6.14 11.87L8.25 11.78ZM12.8 5.99L13.54 7.97L15.65 8.07L14 9.38L14.56 11.42L12.8 10.25L11.04 11.42L11.6 9.38L9.95 8.07L12.06 7.97Z'/%3E%3C/svg%3E"); }
.wd-grp__badge--amerika { width: 38px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 36'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Cpath d='M3 3.5Q17 -.5 31 3.5Q33.5 22 17 34Q.5 22 3 3.5Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23c)'%3E%3Crect width='34' height='36' fill='%231d4fa3'/%3E%3Crect width='34' height='11' fill='%23c8102e'/%3E%3Crect y='11' width='34' height='2' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M3 3.5Q17 -.5 31 3.5Q33.5 22 17 34Q.5 22 3 3.5Z' fill='none' stroke='%23fff' stroke-width='2.5'/%3E%3Cpath fill='%23fff' d='M17 16L18.48 19.96L22.71 20.15L19.4 22.78L20.53 26.85L17 24.52L13.47 26.85L14.6 22.78L11.29 20.15L15.52 19.96Z'/%3E%3C/svg%3E"); }
.wd-grp__badge--asien { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3CclipPath id='k'%3E%3Ccircle cx='18' cy='18' r='15.2'/%3E%3C/clipPath%3E%3Ccircle cx='18' cy='18' r='17' fill='%23141414'/%3E%3Cpath clip-path='url(%23k)' fill='%23f4f2ec' d='M6.7 12.2 7.6 12.6 7.6 12.9 8 13.4 8.4 13.4 8.6 13.1 8.5 12.8 8.7 12.9 9.5 13.9 9.6 14.5 9.2 14.8 9.1 15.2 9.5 15.7 9.9 15.8 9.9 15.1 10.3 14.5 10.2 13.4 10.8 13.4 11 13 10.8 12.8 11 12.4 11.4 11.7 12.7 11.7 14.7 8.6 16.5 7.2 16.6 7.6 19.3 6.2 19.8 6.4 20.3 7 21.3 6.8 22 7.2 23.2 6.3 24.2 6.1 24.5 5.2 25.5 4.6 26.6 5.8 27.1 6.9 26.9 7.4 28 8.5 28.5 9.8 27.1 8.5 26.4 7.2 26 7.7 26.1 8.4 25.4 9 25.7 10.5 26.4 10.6 26.7 11 27.2 12.5 27.2 13.4 26.9 13.9 26.7 13.9 26.3 15.2 26.8 15.6 27.1 16.4 26.6 16.7 26.4 15.9 25.7 15.3 25.2 15.8 25.2 15.3 24.9 15.3 24.4 16 24.8 16.3 25.6 16.2 25.1 17.2 26 18.1 25.8 18.4 26.1 18.4 26.1 18.9 25.8 19.8 25.2 20.7 23.8 21.6 23.6 22 23.5 21.7 23 21.7 22.5 22.3 22.4 22.7 23.4 23.6 23.5 24.6 22.3 25.6 22.3 25.2 21.9 25.1 21.5 24.6 21.1 24.6 21 24.3 20.8 24.5 20.7 25.6 21.1 26.1 21.9 26.6 22.2 27.6 22.1 27.6 21.4 27.2 21 26.3 20.4 25.9 20.5 24.7 20.1 23.5 19.9 23.4 19.4 23.8 19.1 23.7 19.2 23.1 18.4 21.8 17.1 22.2 16.9 22.5 15.3 23.5 15.1 23.8 14.9 25.1 14.2 25.7 13.2 23.4 13.1 21.4 12.6 21.7 12.2 21.1 12.5 21 11.9 20.6 11.8 20.3 9.6 19.4 9.6 18.9 9 18.8 8.7 18.5 8.4 17.4 8.1 17.2 7.9 17.4 8 19 8.3 18.6 8.2 19.2 8.8 19.4 9.4 19 9.3 19.6 9.9 20.4 9.5 20.9 8.7 21.4 7.7 21.7 6.6 21.8 5.7 21.5 5.8 20.3 5.5 18.6 5.5 17.1 5.7 15.9 5.4 16.3 5.4 15.5 5.6 15.1 5.8 15.3 6 15.2 6.9 14.2 6.7 13.9 6.3 13.9 5.9 13 6.2 12.3 6.3 12.1 6.8 12.4ZM27.9 17.4 27.9 16.7 28.2 16.7 28.4 16.2 28.6 16.3 28.7 15.8 29 15.6 29.2 15.1 28.8 14 28.5 13.5 28.4 13.9 28.6 14.7 28.6 15 28.4 15 28.4 15.6 27.8 15.9 27.4 16.9ZM28.3 13.7 28.2 13.3 28.7 13.2 28.8 12.7 27.9 12.4ZM27.8 12.3 27.9 12 26.4 10.2ZM26.1 20.6 26.3 20.9 26.3 19.8ZM23.2 22.4 23.6 22.1 23.9 22.2 23.7 22.6 23.3 22.6ZM14.8 25.8 15 25.3 15.5 26 15.2 26.3 15 26.4ZM26.3 22.7 26.4 21.9 26.8 21.8 27 23.1 27.5 23.2 27.5 23.3 26.6 23.2ZM27.1 23.7 27.6 23.3 28 23.6 27.6 24.1 27.3 24.3ZM27.2 25 28 23.9 28.4 24.5 28.1 25.1ZM19.5 26.6 20.2 26.7 22.7 28.6 22.7 29.3 22.3 29.4 21.6 29ZM22.5 29.6 22.7 29.3 24.2 29.2 25.1 29.3 25.1 29.5 23.4 29.7ZM23.6 27.3 24.8 26.7 25.8 25.4 26.5 25.7 26.1 26 26.1 26.9 25.6 28.2 25.2 28.4 24.2 28.4 23.6 27.7ZM26.5 28.4 26.4 27.8 26.7 27 26.8 26.8 28 26.2 27.9 26.5 27.1 26.8 27 27.2 27.5 27 27.1 27.4 27.4 27.9Z'/%3E%3C/svg%3E"); }
.wd-grp__badge--afrika { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3CclipPath id='k'%3E%3Ccircle cx='18' cy='18' r='15.2'/%3E%3C/clipPath%3E%3Ccircle cx='18' cy='18' r='17' fill='%23141414'/%3E%3Cpath clip-path='url(%23k)' fill='%23e8731a' d='M11.1 6 12.1 6.2 13.6 5.7 16 5.6 15.8 6.3 15.6 6.6 17.1 7.1 18.3 7.7 18.7 7.2 19.4 6.9 20.2 7.3 22.4 7.4 24.5 11.3 25.4 12.7 26.6 13.6 26.7 14.1 27.4 14.5 29.3 14 29.4 14.5 28.6 16.3 25.7 19.8 25.6 20.8 25.6 21.6 25.9 22.2 25.8 23.6 25.5 24.2 23.7 25.4 23.8 26.8 22.8 27.5 22.5 28.4 21 29.7 20.3 30 18.6 30.3 18.2 30.2 17.5 28.4 17.1 27.7 16.8 26.5 15.8 24.6 15.9 23.9 16.4 22.9 16.3 21.6 15.8 20.1 14.6 18.6 15 17.7 15 16.9 14.5 16.6 13.7 16.8 12.7 16 12 16.1 10.8 16.6 10.2 16.4 8.9 16.7 7.9 16 7.2 15.2 6.2 13 6.8 11.8 6.7 10.8 7.3 9.8 8.5 8.5 9.4 8 9.6 7.3 10.2 6.7 10.7 6.5ZM28.7 22.7 28.9 23.9 27.3 27.1 26.7 27.4 26.4 26.6 26.4 26.1 26.8 25.3 26.9 24.5 27.6 24Z'/%3E%3C/svg%3E"); }
.wd-grp__badge--australien { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='16.5' fill='%23012169' stroke='%23fff' stroke-width='2.5'/%3E%3Cpath fill='%23fff' d='M18 5.3L18.62 7.2L20.5 6.5L19.4 8.18L21.12 9.21L19.13 9.4L19.39 11.38L18 9.94L16.61 11.38L16.87 9.4L14.88 9.21L16.6 8.18L15.5 6.5L17.38 7.2ZM10 13.3L10.62 15.2L12.5 14.5L11.4 16.18L13.12 17.21L11.13 17.4L11.39 19.38L10 17.94L8.61 19.38L8.87 17.4L6.88 17.21L8.6 16.18L7.5 14.5L9.38 15.2ZM25.5 12.2L26.05 13.86L27.69 13.25L26.73 14.72L28.23 15.62L26.49 15.79L26.71 17.52L25.5 16.26L24.29 17.52L24.51 15.79L22.77 15.62L24.27 14.72L23.31 13.25L24.95 13.86ZM18 22.9L18.7 25.04L20.81 24.26L19.58 26.14L21.51 27.3L19.27 27.51L19.56 29.74L18 28.12L16.44 29.74L16.73 27.51L14.49 27.3L16.42 26.14L15.19 24.26L17.3 25.04ZM21.6 18.5L22.05 19.58L23.22 19.67L22.33 20.44L22.6 21.58L21.6 20.96L20.6 21.58L20.87 20.44L19.98 19.67L21.15 19.58Z'/%3E%3C/svg%3E"); }
.wd-rows { margin: 0; padding: 4px 0 0; list-style: none; }
.wd-row:not([hidden]) ~ .wd-row { border-top: 2px solid var(--sep); }
.wd-row--w { --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.5 9H11V3.5L1.5 12l9.5 8.5V15h11.5z'/%3E%3C/svg%3E"); }
.wd-row--e { --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 9h11.5V3.5l9.5 8.5-9.5 8.5V15H1.5z'/%3E%3C/svg%3E"); }
.wd-row--s { --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 1.5V13h5.5L12 22.5 3.5 13H9V1.5z'/%3E%3C/svg%3E"); }
.wd-row--n { --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 22.5V11h5.5L12 1.5 3.5 11H9v11.5z'/%3E%3C/svg%3E"); }
.wd-row--wide { --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M.5 12l7-7v4.5h9V5l7 7-7 7v-4.5h-9V19z'/%3E%3C/svg%3E"); }
.wd-row a {
  display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; column-gap: 12px;
  min-height: 52px; padding: 7px 10px; border-radius: 6px;
  color: inherit; text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.wd-row a::before {
  content: ''; grid-column: 1; grid-row: 1 / span 2; width: 24px; height: 24px;
  background-color: currentColor;
  -webkit-mask: var(--arrow) center / contain no-repeat;
  mask: var(--arrow) center / contain no-repeat;
  transition: translate .15s ease-out, scale .15s ease-out;
}
.wd-row__name { grid-column: 2; font-family: var(--wd-font-sign); font-size: 20px; font-weight: 700; line-height: 1.15; overflow-wrap: anywhere; }
.wd-row__where { grid-column: 2; font-size: 14px; line-height: 1.3; opacity: .88; }
.wd-row__km {
  grid-column: 3; grid-row: 1 / span 2; padding-left: 4px;
  font-family: var(--wd-font-sign); font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.wd-row a:focus-visible { outline: 3px solid var(--text); outline-offset: -1px; background: var(--hover); }

.wd-base { position: relative; z-index: 1; display: grid; justify-items: center; margin-top: auto; }
.wd-base__plate {
  display: grid; justify-items: center; gap: 6px; width: 90%; margin: 0; padding: 20px 22px 18px;
  color: var(--text); background-color: var(--face); border-radius: 10px;
  box-shadow: inset 0 0 0 5px var(--face), inset 0 0 0 8px var(--text), 5px 6px 0 rgba(0, 0, 0, .55);
  font-family: var(--wd-font-sign); font-size: 20px; font-weight: 700; line-height: 1.25; text-align: center;
}
.wd-base__plate a {
  font-family: var(--wd-font); font-size: 15px; font-weight: 700;
  text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px;
}
.wd-base__plate a:focus-visible { outline-color: var(--text); }
.wd-base__plate .wd-tell {
  display: inline-flex; align-items: center; min-height: 40px; margin-top: 4px; padding: 6px 18px;
  color: var(--face); background-color: var(--text); border-radius: 999px;
  font-size: 16px; text-decoration: none;
}
.wd-base__plate .wd-tell:focus-visible { outline: 3px solid var(--text); outline-offset: 3px; }
.wd-base__bar {
  position: relative; display: block; width: 100%; height: 28px; margin-top: 30px;
  background: repeating-linear-gradient(-45deg, #e3001b 0 16px, #ffffff 16px 32px);
  border: 3px solid var(--wd-ink); border-radius: 5px;
  box-shadow: 4px 5px 0 rgba(0, 0, 0, .55);
}
.wd-base__bar::before, .wd-base__bar::after {
  content: ''; position: absolute; left: 50%; top: -21px; width: 24px; height: 18px; margin-left: -12px;
  background: #8a6a1a; border: 3px solid var(--wd-ink); border-bottom: 0; border-radius: 12px 12px 2px 2px;
}
.wd-base__bar::after {
  background: #ffb000; box-shadow: 0 0 14px 5px rgba(255, 176, 0, .55);
  animation: wd-blink 1.4s steps(1, end) infinite;
}
@keyframes wd-blink { 50% { opacity: 0; } }

.wd-search { display: grid; gap: 8px; margin-top: 22px; }
.wd-search[hidden] { display: none; }
.wd-search__label { font-family: var(--wd-font-display); font-size: 17px; font-weight: 900; color: var(--wd-green); }
.wd-search__input {
  width: 100%; min-height: 50px; margin: 0; padding: 10px 14px 10px 46px;
  color: var(--wd-ink);
  background: var(--wd-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23141414' d='M10 2.5a7.5 7.5 0 0 1 6 12l5.2 5.2-1.8 1.8-5.2-5.2A7.5 7.5 0 1 1 10 2.5zm0 2.6a4.9 4.9 0 1 0 0 9.8 4.9 4.9 0 0 0 0-9.8z'/%3E%3C/svg%3E") 14px 50% / 22px 22px no-repeat;
  border: 3px solid var(--wd-ink); border-radius: 14px;
  box-shadow: 4px 4px 0 var(--wd-pink);
  font: inherit; font-size: 17px; font-weight: 600;
  -webkit-appearance: none; appearance: none;
}
.wd-search__input::placeholder { color: color-mix(in srgb, var(--wd-ink) 60%, transparent); opacity: 1; }
.wd-search__input:focus-visible { outline: 3px solid var(--wd-green); outline-offset: 3px; }
.wd-search__info { min-height: 1.55em; margin: 2px 0 0; color: var(--wd-muted); font-size: 15px; font-weight: 700; }
.wd-search__info:empty { display: none; }
.wd-search__none { margin: 0; padding: 12px 16px; color: var(--wd-ink); background: var(--wd-green); border: 3px solid var(--wd-ink); border-radius: 14px; font-weight: 700; }
.wd-search__none[hidden] { display: none; }
.wd-page .wd-search__none a { text-decoration-color: var(--wd-ink); }
.wd-grp[hidden], .wd-arrow[hidden], .wd-row[hidden], .wd-col[hidden] { display: none; }
.wd-tables.wd-tables--eine { grid-template-columns: minmax(0, 1fr); max-width: 620px; }

@media (hover: hover) {
  .wd-nav a:hover { translate: -1px -1px; box-shadow: 4px 4px 0 var(--wd-pink); }
  .wd-nav a:not([aria-current="page"]):hover { color: var(--wd-green); border-color: var(--wd-green); }
  .wd-arrow--r a:hover { animation: wd-wiggle-r .45s ease-out; }
  .wd-arrow--l a:hover { animation: wd-wiggle-l .45s ease-out; }
  .wd-row a:hover { background: var(--hover); }
  .wd-row--w a:hover::before { translate: -5px 0; }
  .wd-row--e a:hover::before { translate: 5px 0; }
  .wd-row--s a:hover::before { translate: 0 4px; }
  .wd-row--n a:hover::before { translate: 0 -4px; }
  .wd-row--wide a:hover::before { scale: 1.2 1; }
  .wd-page .wd-pills a:hover { translate: -1px -1px; box-shadow: 4px 4px 0 var(--wd-pink); background: var(--wd-green); }
}
@keyframes wd-wiggle-r { 30% { transform: translateX(10px) rotate(1.5deg); } 65% { transform: translateX(-3px) rotate(-.8deg); } }
@keyframes wd-wiggle-l { 30% { transform: translateX(-10px) rotate(-1.5deg); } 65% { transform: translateX(3px) rotate(.8deg); } }

@media (max-width: 959px) {
  .wd-tables { grid-template-columns: minmax(0, 1fr); max-width: 620px; }
  .wd-col:first-child { padding-bottom: 34px; }
  .wd-col + .wd-col { padding-top: 0; }
  .wd-col + .wd-col::before, .wd-col + .wd-col::after { border-top: 0; border-radius: 0; }
  .wd-col[hidden] + .wd-col { padding-top: 30px; }
  .wd-col[hidden] + .wd-col::before, .wd-col[hidden] + .wd-col::after { border-top: 3px solid var(--wd-ink); border-radius: 5px 5px 0 0; }
}
@media (max-width: 640px) {
  .wd-hub { margin-top: 36px; }
  .wd-tables { margin-top: 40px; }
  .wd-arrows ul { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .wd-arrow { justify-self: center; width: min(88%, 340px); }
  .wd-arrow--l { grid-column: auto; translate: -5% 0; }
  .wd-arrow--r { grid-column: auto; translate: 5% 0; }
}
@media (max-width: 720px) {
  .wd-head { grid-template-columns: minmax(0, 1fr); padding-top: 24px; }
  .wd-nav { grid-column: 1; grid-row: auto; justify-content: flex-start; margin-top: 14px; }
}
@media (max-width: 560px) {
  .wd-main { padding: 22px 14px 24px; }
  .wd-head { padding-left: 14px; padding-right: 14px; }
  .wd-tagline { font-size: 15px; }
  .wd-nav { gap: 8px; }
  .wd-nav a { padding: 0 14px; font-size: 15px; }
  .wd-box { padding: 16px; }
  .wd-grp { padding: 10px 8px 8px; }
  .wd-grp__head { gap: 10px; padding: 8px 10px 10px; font-size: 23px; }
  .wd-row a { column-gap: 10px; padding: 7px 8px; }
  .wd-row__name { font-size: 18px; }
  .wd-row__where { font-size: 13px; }
  .wd-row__km { font-size: 16px; }
  .wd-base__plate { font-size: 18px; }
  .wd-head { padding-top: 18px; }
  .wd-nav { margin-top: 12px; }
  .wd-main { padding-top: 12px; }
}
@media (max-width: 400px) {
  .wd-nav { gap: 7px; }
  .wd-nav a { padding: 0 11px; font-size: 14px; letter-spacing: .02em; }
}
@media (max-width: 440px) {
  .wd-town__here { left: -6px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .wd-arrow a, .wd-arrow a:hover, .wd-base__bar::after { animation: none !important; }
  .wd-nav a, .wd-page .wd-pills a, .wd-row a::before { transition: none; }
  html[data-khub-mode] body::before, html[data-khub-mode] body::after,
  html[data-khub-mode] .wd-page h1 { animation: none !important; }
  .wd-disco *, .wd-disco *::before, .wd-disco *::after { animation: none !important; }
  .wd-disco__ball i::after { opacity: 1; }
}

html[data-khub-mode="bw"] {
  --wd-pink: #8c8c8c;
  --wd-green: #ffffff;
  --wd-bg: #0c0c0c;
  --wd-bg-2: #1b1b1b;
  --wd-text: #f4f4f4;
  --wd-muted: #c2c2c2;
  --wd-ink: #111111;
  --wd-paper: #ffffff;
  --wd-metal: #b5b5b5;
}
html[data-khub-mode="bw"] body {
  background:
    radial-gradient(900px 520px at 0% 0%, rgba(255, 255, 255, .08), transparent 70%),
    radial-gradient(900px 620px at 100% 100%, rgba(255, 255, 255, .05), transparent 70%),
    var(--wd-bg);
}
html[data-khub-mode="bw"] .wd-page h1 {
  color: #ffffff;
  text-shadow: 0 0 2px #fff, 0 0 10px rgba(255, 255, 255, .6), 0 0 26px rgba(255, 255, 255, .35), 0 0 52px rgba(255, 255, 255, .2);
}
html[data-khub-mode="bw"] .wd-nav a { background: rgba(12, 12, 12, .6); }
html[data-khub-mode="bw"] .wd-nav a[aria-current="page"] { background: var(--wd-green); }
html[data-khub-mode="bw"] .wd-foot { border-top-color: rgba(255, 255, 255, .3); }
html[data-khub-mode="bw"] .wd-grp, html[data-khub-mode="bw"] .wd-arrow, html[data-khub-mode="bw"] .wd-farbe--weiss { --face: #ffffff; }
html[data-khub-mode="bw"] .wd-farbe--gelb, html[data-khub-mode="bw"] .wd-town, html[data-khub-mode="bw"] .wd-base__plate { --face: #e6e6e6; }
html[data-khub-mode="bw"] .wd-farbe--blau { --face: #474747; }
html[data-khub-mode="bw"] .wd-farbe--gruen { --face: #2b2b2b; }
html[data-khub-mode="bw"] .wd-farbe--orange { --face: #a6a6a6; }
html[data-khub-mode="bw"] .wd-farbe--braun { --face: #626262; }
html[data-khub-mode="bw"] .wd-grp__badge { filter: grayscale(1); }
html[data-khub-mode="bw"] .wd-hub::before, html[data-khub-mode="bw"] .wd-col::before, html[data-khub-mode="bw"] .wd-col::after {
  background: linear-gradient(90deg, #666 0%, var(--wd-metal) 35%, #f2f2f2 50%, var(--wd-metal) 65%, #666 100%);
}
html[data-khub-mode="bw"] .wd-hub::after { background: #8a8a8a; }
html[data-khub-mode="bw"] .wd-tables::after { background: #444; box-shadow: inset 0 3px 0 #6a6a6a; }
html[data-khub-mode="bw"] .wd-base__bar { background: repeating-linear-gradient(-45deg, #2b2b2b 0 16px, #ffffff 16px 32px); }
html[data-khub-mode="bw"] .wd-base__bar::before { background: #6a6a6a; }
html[data-khub-mode="bw"] .wd-base__bar::after { background: #f4f4f4; box-shadow: 0 0 14px 5px rgba(255, 255, 255, .4); }

html[data-khub-mode="glitter"] {
  --wd-glitter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke-linecap='round' opacity='0.85'%3E%3Cpath stroke='%2300e5ff' stroke-width='1.5' d='M109 11h0M94 49h0'/%3E%3Cpath stroke='%2300e5ff' stroke-width='2' d='M19 126h0'/%3E%3Cpath stroke='%2300e5ff' stroke-width='2.3' d='M84 14h0'/%3E%3Cpath stroke='%2300e5ff' stroke-width='2.5' d='M103 97h0'/%3E%3Cpath stroke='%2300e5ff' stroke-width='2.8' d='M71 131h0'/%3E%3Cpath stroke='%2339ff14' stroke-width='2.4' d='M33 82h0'/%3E%3Cpath stroke='%2339ff14' stroke-width='2.5' d='M61 73h0'/%3E%3Cpath stroke='%2339ff14' stroke-width='2.6' d='M122 45h0M29 7h0'/%3E%3Cpath stroke='%2339ff14' stroke-width='2.8' d='M89 72h0'/%3E%3Cpath stroke='%2339ff14' stroke-width='3' d='M116 146h0'/%3E%3Cpath stroke='%23c77dff' stroke-width='2' d='M16 99h0'/%3E%3Cpath stroke='%23c77dff' stroke-width='2.1' d='M137 96h0'/%3E%3Cpath stroke='%23c77dff' stroke-width='2.3' d='M143 36h0'/%3E%3Cpath stroke='%23c77dff' stroke-width='2.6' d='M149 132h0'/%3E%3Cpath stroke='%23c77dff' stroke-width='2.9' d='M74 47h0'/%3E%3Cpath stroke='%23c77dff' stroke-width='3' d='M131 111h0'/%3E%3Cpath stroke='%23ff2ec4' stroke-width='1.9' d='M5 36h0'/%3E%3Cpath stroke='%23ff2ec4' stroke-width='2' d='M37 64h0'/%3E%3Cpath stroke='%23ff2ec4' stroke-width='2.3' d='M34 115h0'/%3E%3Cpath stroke='%23ff2ec4' stroke-width='2.7' d='M120 65h0'/%3E%3Cpath stroke='%23ff2ec4' stroke-width='2.8' d='M68 21h0M34 41h0'/%3E%3Cpath stroke='%23ffe600' stroke-width='2.3' d='M99 124h0'/%3E%3Cpath stroke='%23ffe600' stroke-width='2.4' d='M80 104h0M48 16h0'/%3E%3Cpath stroke='%23ffe600' stroke-width='2.6' d='M41 95h0'/%3E%3Cpath stroke='%23ffe600' stroke-width='2.7' d='M10 75h0'/%3E%3Cpath stroke='%23ffe600' stroke-width='2.8' d='M73 89h0'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M152.3 145.7C152.9 148.5 153.5 149.2 156.3 149.7C153.5 150.3 152.9 150.9 152.3 153.7C151.8 150.9 151.1 150.3 148.3 149.7C151.1 149.2 151.8 148.5 152.3 145.7Z'/%3E%3Cpath fill='%23ffe600' d='M20 148.7C20.7 152 21.5 152.7 24.7 153.4C21.5 154.1 20.7 154.8 20 158.1C19.4 154.8 18.6 154.1 15.3 153.4C18.6 152.7 19.4 152 20 148.7Z'/%3E%3Cpath fill='%23ffffff' d='M50.6 134.3C51.1 136.7 51.6 137.3 54 137.7C51.6 138.2 51.1 138.7 50.6 141.1C50.1 138.7 49.6 138.2 47.2 137.7C49.6 137.3 50.1 136.7 50.6 134.3Z'/%3E%3Cpath fill='%23ffffff' d='M52.3 34.8C52.9 38.1 53.7 38.8 56.9 39.4C53.7 40.1 52.9 40.8 52.3 44C51.6 40.8 50.9 40.1 47.7 39.4C50.9 38.8 51.6 38.1 52.3 34.8Z'/%3E%3Cpath fill='%23ffe600' d='M19.1 47.2C19.6 49.5 20.1 50 22.4 50.5C20.1 51 19.6 51.5 19.1 53.8C18.7 51.5 18.1 51 15.8 50.5C18.1 50 18.7 49.5 19.1 47.2Z'/%3E%3Cpath fill='%23ffffff' d='M143.6 70.5C144.2 73.6 144.9 74.2 147.9 74.8C144.9 75.4 144.2 76.1 143.6 79.1C143 76.1 142.3 75.4 139.3 74.8C142.3 74.2 143 73.6 143.6 70.5Z'/%3E%3C/g%3E%3C/svg%3E");
  --wd-twinkle-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Ccircle cx='48' cy='161' r='3.6' fill='%23ffffff' opacity='.18'/%3E%3Cpath fill='%23ffffff' d='M47.6 155.8C48.4 159.4 49.2 160.3 52.8 161C49.2 161.7 48.4 162.5 47.6 166.2C46.9 162.5 46.1 161.7 42.4 161C46.1 160.3 46.9 159.4 47.6 155.8Z'/%3E%3Ccircle cx='149' cy='115' r='2.9' fill='%23ffffff' opacity='.18'/%3E%3Cpath fill='%23ffffff' d='M149.2 111.3C149.7 114.2 150.4 114.9 153.4 115.5C150.4 116.1 149.7 116.7 149.2 119.7C148.6 116.7 147.9 116.1 145 115.5C147.9 114.9 148.6 114.2 149.2 111.3Z'/%3E%3Ccircle cx='121' cy='63' r='6.3' fill='%23ffe600' opacity='.18'/%3E%3Cpath fill='%23ffe600' d='M121.1 54C122.4 60.3 123.8 61.7 130.1 63C123.8 64.2 122.4 65.7 121.1 72C119.8 65.7 118.4 64.2 112.1 63C118.4 61.7 119.8 60.3 121.1 54Z'/%3E%3Ccircle cx='13' cy='92' r='5.4' fill='%23ff8ae0' opacity='.18'/%3E%3Cpath fill='%23ff8ae0' d='M12.7 84.4C13.8 89.8 15 91.1 20.4 92.1C15 93.2 13.8 94.5 12.7 99.8C11.6 94.5 10.4 93.2 5 92.1C10.4 91.1 11.6 89.8 12.7 84.4Z'/%3E%3Ccircle cx='183' cy='62' r='5.9' fill='%238af4ff' opacity='.18'/%3E%3Cpath fill='%238af4ff' d='M183.5 53.8C184.6 59.6 186 61 191.9 62.2C186 63.3 184.6 64.7 183.5 70.6C182.3 64.7 180.9 63.3 175.1 62.2C180.9 61 182.3 59.6 183.5 53.8Z'/%3E%3C/svg%3E");
  --wd-twinkle-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Ccircle cx='169' cy='186' r='4.5' fill='%23ffffff' opacity='.18'/%3E%3Cpath fill='%23ffffff' d='M169.4 180C170.3 184.5 171.4 185.6 175.9 186.5C171.4 187.4 170.3 188.4 169.4 193C168.5 188.4 167.5 187.4 162.9 186.5C167.5 185.6 168.5 184.5 169.4 180Z'/%3E%3Ccircle cx='237' cy='89' r='3' fill='%23ffffff' opacity='.18'/%3E%3Cpath fill='%23ffffff' d='M237.5 84.2C238.1 87.2 238.8 87.9 241.8 88.5C238.8 89.1 238.1 89.8 237.5 92.8C236.9 89.8 236.2 89.1 233.2 88.5C236.2 87.9 236.9 87.2 237.5 84.2Z'/%3E%3Ccircle cx='192' cy='258' r='4.9' fill='%23ffe600' opacity='.18'/%3E%3Cpath fill='%23ffe600' d='M191.9 250.9C192.9 255.8 194 256.9 198.9 257.9C194 258.8 192.9 260 191.9 264.9C190.9 260 189.8 258.8 184.9 257.9C189.8 256.9 190.9 255.8 191.9 250.9Z'/%3E%3Ccircle cx='158' cy='135' r='5.4' fill='%23ff8ae0' opacity='.18'/%3E%3Cpath fill='%23ff8ae0' d='M157.8 127.2C158.9 132.6 160.1 133.8 165.5 134.9C160.1 136 158.9 137.2 157.8 142.6C156.7 137.2 155.5 136 150.1 134.9C155.5 133.8 156.7 132.6 157.8 127.2Z'/%3E%3Ccircle cx='272' cy='187' r='4.3' fill='%238af4ff' opacity='.18'/%3E%3Cpath fill='%238af4ff' d='M272.4 181.3C273.3 185.6 274.3 186.6 278.5 187.4C274.3 188.3 273.3 189.3 272.4 193.5C271.6 189.3 270.6 188.3 266.3 187.4C270.6 186.6 271.6 185.6 272.4 181.3Z'/%3E%3Ccircle cx='95' cy='97' r='5.7' fill='%23ffffff' opacity='.18'/%3E%3Cpath fill='%23ffffff' d='M95.2 89.2C96.3 94.9 97.6 96.2 103.4 97.4C97.6 98.5 96.3 99.8 95.2 105.6C94 99.8 92.7 98.5 87 97.4C92.7 96.2 94 94.9 95.2 89.2Z'/%3E%3C/svg%3E");
  --wd-holo: linear-gradient(100deg, #ff7ae0 0%, #ffe066 22%, #7dffb0 44%, #6fe3ff 66%, #c99bff 84%, #ff7ae0 100%);
}
html[data-khub-mode="glitter"] body {
  background:
    var(--wd-glitter) 0 0 / 160px 160px,
    radial-gradient(800px 520px at 0% 0%, rgba(255, 46, 196, .3), transparent 70%),
    radial-gradient(700px 520px at 100% 15%, rgba(0, 229, 255, .2), transparent 70%),
    radial-gradient(900px 640px at 100% 100%, rgba(57, 255, 20, .16), transparent 70%),
    radial-gradient(700px 520px at 0% 100%, rgba(255, 230, 0, .14), transparent 70%),
    var(--wd-bg);
}
html[data-khub-mode="glitter"] body::before, html[data-khub-mode="glitter"] body::after {
  content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: var(--wd-twinkle-a) 0 0 / 240px 240px;
  animation: wd-twinkle 2.6s ease-in-out infinite alternate;
  will-change: opacity;
}
html[data-khub-mode="glitter"] body::after { background: var(--wd-twinkle-b) 120px 70px / 300px 300px; animation-delay: -1.3s; }
@keyframes wd-twinkle {
  from { opacity: .12; }
  to { opacity: 1; }
}
html[data-khub-mode="glitter"] .wd-page h1 {
  color: transparent;
  background: var(--wd-glitter) 0 0 / 80px 80px, var(--wd-holo);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: none;
}
html[data-khub-mode="glitter"] .wd-page h1 {
  filter: drop-shadow(0 0 6px rgba(255, 46, 196, .75)) drop-shadow(0 0 14px rgba(0, 229, 255, .45));
  animation: wd-holo 8s linear infinite;
  will-change: filter;
}
@keyframes wd-holo {
  from { filter: drop-shadow(0 0 6px rgba(255, 46, 196, .75)) drop-shadow(0 0 14px rgba(0, 229, 255, .45)) hue-rotate(0deg); }
  to { filter: drop-shadow(0 0 6px rgba(255, 46, 196, .75)) drop-shadow(0 0 14px rgba(0, 229, 255, .45)) hue-rotate(360deg); }
}
html[data-khub-mode="glitter"] .wd-nav a, html[data-khub-mode="glitter"] .wd-box,
html[data-khub-mode="glitter"] .wd-grp, html[data-khub-mode="glitter"] .wd-arrow a, html[data-khub-mode="glitter"] .wd-arrow a::after,
html[data-khub-mode="glitter"] .wd-base__plate, html[data-khub-mode="glitter"] .wd-town__here {
  background-image: var(--wd-glitter);
  background-size: 160px 160px;
}
html[data-khub-mode="glitter"] .wd-nav a[aria-current="page"], html[data-khub-mode="glitter"] .wd-town {
  background: var(--wd-glitter) 0 0 / 160px 160px, var(--wd-holo);
}

.wd-head { position: relative; }
.wd-disco {
  display: none; position: absolute; z-index: 50; top: 0; left: 0; right: 0; height: 0;
  overflow-x: clip;
  pointer-events: none;
}
html[data-khub-mode="glitter"] .wd-disco { display: block; }

.wd-disco__lights { position: fixed; inset: 0; overflow: hidden; }
.wd-disco__lights::before, .wd-disco__lights::after {
  --tile: 260px;
  content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: calc(100% + var(--tile));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Cdefs%3E%3CradialGradient id='g0'%3E%3Cstop offset='0' stop-color='%23ffc0ed'/%3E%3Cstop offset='.28' stop-color='%23ff2ec4'/%3E%3Cstop offset='.5' stop-color='%23ff2ec4' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23ff2ec4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g1'%3E%3Cstop offset='0' stop-color='%23b2f7ff'/%3E%3Cstop offset='.28' stop-color='%2300e5ff'/%3E%3Cstop offset='.5' stop-color='%2300e5ff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%2300e5ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g2'%3E%3Cstop offset='0' stop-color='%23fff8b2'/%3E%3Cstop offset='.28' stop-color='%23ffe600'/%3E%3Cstop offset='.5' stop-color='%23ffe600' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23ffe600' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g3'%3E%3Cstop offset='0' stop-color='%23c4ffb8'/%3E%3Cstop offset='.28' stop-color='%2339ff14'/%3E%3Cstop offset='.5' stop-color='%2339ff14' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%2339ff14' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g4'%3E%3Cstop offset='0' stop-color='%23eed8ff'/%3E%3Cstop offset='.28' stop-color='%23c77dff'/%3E%3Cstop offset='.5' stop-color='%23c77dff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23c77dff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g5'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.28' stop-color='%23ffffff'/%3E%3Cstop offset='.5' stop-color='%23ffffff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g6'%3E%3Cstop offset='0' stop-color='%23ffdcf6'/%3E%3Cstop offset='.28' stop-color='%23ff8ae0'/%3E%3Cstop offset='.5' stop-color='%23ff8ae0' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23ff8ae0' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g7'%3E%3Cstop offset='0' stop-color='%23dcfcff'/%3E%3Cstop offset='.28' stop-color='%238af4ff'/%3E%3Cstop offset='.5' stop-color='%238af4ff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%238af4ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='189.5' cy='203' r='6.5' fill='url(%23g0)'/%3E%3Ccircle cx='121.5' cy='241.5' r='4' fill='url(%23g1)'/%3E%3Ccircle cx='229' cy='34.5' r='6.5' fill='url(%23g2)'/%3E%3Ccircle cx='67' cy='141' r='6' fill='url(%23g3)'/%3E%3Ccircle cx='9.5' cy='60' r='6.5' fill='url(%23g4)'/%3E%3Ccircle cx='234' cy='196.5' r='5' fill='url(%23g5)'/%3E%3Ccircle cx='38' cy='7' r='6.5' fill='url(%23g6)'/%3E%3Ccircle cx='59' cy='60.5' r='7.5' fill='url(%23g7)'/%3E%3Ccircle cx='221' cy='78.5' r='8' fill='url(%23g0)'/%3E%3Ccircle cx='139.5' cy='173.5' r='8' fill='url(%23g1)'/%3E%3C/svg%3E") 0 0 / var(--tile) var(--tile);
  opacity: .7;
  animation: wd-lights 30s linear infinite;
}
.wd-disco__lights::after {
  --tile: 340px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 340'%3E%3Cdefs%3E%3CradialGradient id='g0'%3E%3Cstop offset='0' stop-color='%23ffc0ed'/%3E%3Cstop offset='.28' stop-color='%23ff2ec4'/%3E%3Cstop offset='.5' stop-color='%23ff2ec4' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23ff2ec4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g1'%3E%3Cstop offset='0' stop-color='%23b2f7ff'/%3E%3Cstop offset='.28' stop-color='%2300e5ff'/%3E%3Cstop offset='.5' stop-color='%2300e5ff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%2300e5ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g2'%3E%3Cstop offset='0' stop-color='%23fff8b2'/%3E%3Cstop offset='.28' stop-color='%23ffe600'/%3E%3Cstop offset='.5' stop-color='%23ffe600' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23ffe600' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g3'%3E%3Cstop offset='0' stop-color='%23c4ffb8'/%3E%3Cstop offset='.28' stop-color='%2339ff14'/%3E%3Cstop offset='.5' stop-color='%2339ff14' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%2339ff14' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g4'%3E%3Cstop offset='0' stop-color='%23eed8ff'/%3E%3Cstop offset='.28' stop-color='%23c77dff'/%3E%3Cstop offset='.5' stop-color='%23c77dff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23c77dff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g5'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.28' stop-color='%23ffffff'/%3E%3Cstop offset='.5' stop-color='%23ffffff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g6'%3E%3Cstop offset='0' stop-color='%23ffdcf6'/%3E%3Cstop offset='.28' stop-color='%23ff8ae0'/%3E%3Cstop offset='.5' stop-color='%23ff8ae0' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23ff8ae0' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g7'%3E%3Cstop offset='0' stop-color='%23dcfcff'/%3E%3Cstop offset='.28' stop-color='%238af4ff'/%3E%3Cstop offset='.5' stop-color='%238af4ff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%238af4ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='129' cy='52.5' r='7.5' fill='url(%23g0)'/%3E%3Ccircle cx='11.5' cy='171' r='9.5' fill='url(%23g1)'/%3E%3Ccircle cx='21.5' cy='131' r='8' fill='url(%23g2)'/%3E%3Ccircle cx='154.5' cy='242.5' r='8.5' fill='url(%23g3)'/%3E%3Ccircle cx='84' cy='42' r='6' fill='url(%23g4)'/%3E%3Ccircle cx='307.5' cy='199.5' r='7.5' fill='url(%23g5)'/%3E%3Ccircle cx='101.5' cy='227.5' r='5.5' fill='url(%23g6)'/%3E%3Ccircle cx='75' cy='98.5' r='6.5' fill='url(%23g7)'/%3E%3C/svg%3E");
  opacity: .55;
  animation-duration: 48s;
}
@keyframes wd-lights { to { transform: translateX(calc(-1 * var(--tile))); } }

.wd-disco__ball { --s: 40px; --l: 20px; --swing: 5s; position: absolute; top: 0; }
.wd-disco__ball > span {
  --ll: calc(var(--l) + var(--wd-disco-drop, 0px));
  position: relative; display: block; width: var(--s); padding-top: var(--ll);
  isolation: isolate;
  background: linear-gradient(90deg, transparent calc(50% - 1px), #e9e4f0 calc(50% - 1px) 50%, #8f879c 50% calc(50% + 1px), transparent calc(50% + 1px)) 0 0 / 100% calc(var(--ll) + 4px) no-repeat;
  transform-origin: 50% 0;
  animation: wd-swing var(--swing) ease-in-out infinite alternate;
}
.wd-disco__ball i {
  position: relative; display: block; width: var(--s); height: var(--s);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Ccircle cx='32' cy='36' r='26.5'/%3E%3C/clipPath%3E%3CradialGradient id='s' cx='.36' cy='.3' r='.75'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.75'/%3E%3Cstop offset='.3' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.78' stop-color='%23120818' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23120818' stop-opacity='.55'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='36' r='26.5' fill='%233b3447'/%3E%3Cg clip-path='url(%23c)' stroke='%232a1033' stroke-width='.7' stroke-opacity='.7' stroke-linejoin='round'%3E%3Cpath fill='%23a46395' d='M32 62.5L23.5 61L23 61Z'/%3E%3Cpath fill='%23353439' d='M32 62.5L24.5 61L23.5 61ZM32 62.5L26.5 61L24.5 61ZM32 62.5L32 61L29 61ZM32 62.5L35 61L32 61ZM32 62.5L37.5 61L35 61ZM32 62.5L41 61L40.5 61ZM23 61L23.5 61L16 56.5L15 56.5ZM24.5 61L26.5 61L22 56.5L18 56.5ZM29 61L32 61L32 56.5L26.5 56.5ZM35 61L37.5 61L42 56.5L37.5 56.5ZM37.5 61L39.5 61L46 56.5L42 56.5ZM39.5 61L40.5 61L48 56.5L46 56.5ZM40.5 61L41 61L49 56.5L48 56.5ZM15 56.5L16 56.5L10 49L9 49ZM16 56.5L18 56.5L13.5 49L10 49ZM26.5 56.5L32 56.5L32 49L25 49ZM32 56.5L37.5 56.5L39 49L32 49ZM46 56.5L48 56.5L54 49L50.5 49ZM48 56.5L49 56.5L55 49L54 49ZM45.5 49L50.5 49L53 40.5L47.5 40.5ZM50.5 49L54 49L57 40.5L53 40.5ZM54 49L55 49L58 40.5L57 40.5ZM53 40.5L57 40.5L57 31.5L53 31.5ZM57 40.5L58 40.5L58 31.5L57 31.5ZM53 31.5L57 31.5L54 23L50.5 23ZM57 31.5L58 31.5L55 23L54 23Z'/%3E%3Cpath fill='%233c3b41' d='M32 62.5L29 61L26.5 61Z'/%3E%3Cpath fill='%233d3d42' d='M32 62.5L39.5 61L37.5 61Z'/%3E%3Cpath fill='%2337a425' d='M32 62.5L40.5 61L39.5 61ZM26.5 61L29 61L26.5 56.5L22 56.5Z'/%3E%3Cpath fill='%23a43185' d='M23.5 61L24.5 61L18 56.5L16 56.5ZM32 61L35 61L37.5 56.5L32 56.5Z'/%3E%3Cpath fill='%23424147' d='M18 56.5L22 56.5L18.5 49L13.5 49ZM39 49L45.5 49L47.5 40.5L40 40.5Z'/%3E%3Cpath fill='%23414046' d='M22 56.5L26.5 56.5L25 49L18.5 49Z'/%3E%3Cpath fill='%233d3c42' d='M37.5 56.5L42 56.5L45.5 49L39 49Z'/%3E%3Cpath fill='%233ba829' d='M42 56.5L46 56.5L50.5 49L45.5 49Z'/%3E%3Cpath fill='%2358575f' d='M9 49L10 49L7 40.5L6 40.5Z'/%3E%3Cpath fill='%236d6c76' d='M10 49L13.5 49L11 40.5L7 40.5Z'/%3E%3Cpath fill='%23908e9c' d='M13.5 49L18.5 49L16.5 40.5L11 40.5ZM40.5 11L41 11L32 9.5Z'/%3E%3Cpath fill='%23c988bc' d='M18.5 49L25 49L24 40.5L16.5 40.5Z'/%3E%3Cpath fill='%236a6973' d='M25 49L32 49L32 40.5L24 40.5ZM50.5 23L54 23L48 15.5L46 15.5Z'/%3E%3Cpath fill='%235e5d66' d='M32 49L39 49L40 40.5L32 40.5Z'/%3E%3Cpath fill='%237e7c88' d='M6 40.5L7 40.5L7 31.5L6 31.5Z'/%3E%3Cpath fill='%23a4a3b2' d='M7 40.5L11 40.5L11 31.5L7 31.5Z'/%3E%3Cpath fill='%23c298e8' d='M11 40.5L16.5 40.5L16.5 31.5L11 31.5Z'/%3E%3Cpath fill='%23bfbdce' d='M16.5 40.5L24 40.5L24 31.5L16.5 31.5Z'/%3E%3Cpath fill='%23b7b5c6' d='M24 40.5L32 40.5L32 31.5L24 31.5ZM39 23L45.5 23L42 15.5L37.5 15.5Z'/%3E%3Cpath fill='%2381808c' d='M32 40.5L40 40.5L40 31.5L32 31.5Z'/%3E%3Cpath fill='%235b5a63' d='M40 40.5L47.5 40.5L47.5 31.5L40 31.5Z'/%3E%3Cpath fill='%2322a0b1' d='M47.5 40.5L53 40.5L53 31.5L47.5 31.5Z'/%3E%3Cpath fill='%23a4a2b1' d='M6 31.5L7 31.5L10 23L9 23Z'/%3E%3Cpath fill='%23c5c3d6' d='M7 31.5L11 31.5L13.5 23L10 23Z'/%3E%3Cpath fill='%23ebe9ff' d='M11 31.5L16.5 31.5L18.5 23L13.5 23Z'/%3E%3Cpath fill='%23d9d7ec' d='M16.5 31.5L24 31.5L25 23L18.5 23Z'/%3E%3Cpath fill='%23e7e5fa' d='M24 31.5L32 31.5L32 23L25 23Z'/%3E%3Cpath fill='%23bdbbcd' d='M32 31.5L40 31.5L39 23L32 23Z'/%3E%3Cpath fill='%239795a3' d='M40 31.5L47.5 31.5L45.5 23L39 23Z'/%3E%3Cpath fill='%2362616b' d='M47.5 31.5L53 31.5L50.5 23L45.5 23Z'/%3E%3Cpath fill='%23bbb9cb' d='M9 23L10 23L16 15.5L15 15.5Z'/%3E%3Cpath fill='%2385f179' d='M10 23L13.5 23L18 15.5L16 15.5Z'/%3E%3Cpath fill='%2367e4fb' d='M13.5 23L18.5 23L22 15.5L18 15.5Z'/%3E%3Cpath fill='%23f0eeff' d='M18.5 23L25 23L26.5 15.5L22 15.5ZM22 15.5L26.5 15.5L29 11L26.5 11Z'/%3E%3Cpath fill='%236ae7ff' d='M25 23L32 23L32 15.5L26.5 15.5Z'/%3E%3Cpath fill='%23e9db65' d='M32 23L39 23L37.5 15.5L32 15.5Z'/%3E%3Cpath fill='%23a57cc9' d='M45.5 23L50.5 23L46 15.5L42 15.5Z'/%3E%3Cpath fill='%23a63388' d='M54 23L55 23L49 15.5L48 15.5Z'/%3E%3Cpath fill='%23cfcde0' d='M15 15.5L16 15.5L23.5 11L23 11Z'/%3E%3Cpath fill='%23d8d5ea' d='M16 15.5L18 15.5L24.5 11L23.5 11Z'/%3E%3Cpath fill='%23e4e1f7' d='M18 15.5L22 15.5L26.5 11L24.5 11Z'/%3E%3Cpath fill='%23e1dff4' d='M26.5 15.5L32 15.5L32 11L29 11Z'/%3E%3Cpath fill='%23d2cfe3' d='M32 15.5L37.5 15.5L35 11L32 11Z'/%3E%3Cpath fill='%239dd7e4' d='M37.5 15.5L42 15.5L37.5 11L35 11Z'/%3E%3Cpath fill='%238a8996' d='M42 15.5L46 15.5L39.5 11L37.5 11Z'/%3E%3Cpath fill='%236b6a74' d='M46 15.5L48 15.5L40.5 11L39.5 11Z'/%3E%3Cpath fill='%2362616a' d='M48 15.5L49 15.5L41 11L40.5 11Z'/%3E%3Cpath fill='%23a5a3b3' d='M23 11L23.5 11L32 9.5Z'/%3E%3Cpath fill='%23bebccd' d='M23.5 11L24.5 11L32 9.5Z'/%3E%3Cpath fill='%23c3c1d3' d='M24.5 11L26.5 11L32 9.5Z'/%3E%3Cpath fill='%23c2bfd2' d='M26.5 11L29 11L32 9.5Z'/%3E%3Cpath fill='%23a8a6b6' d='M29 11L32 11L32 9.5Z'/%3E%3Cpath fill='%23d764bd' d='M32 11L35 11L32 9.5Z'/%3E%3Cpath fill='%23afadbe' d='M35 11L37.5 11L32 9.5Z'/%3E%3Cpath fill='%238f8d9b' d='M37.5 11L39.5 11L32 9.5Z'/%3E%3Cpath fill='%238b8996' d='M39.5 11L40.5 11L32 9.5Z'/%3E%3C/g%3E%3Ccircle cx='32' cy='36' r='26.5' fill='url(%23s)'/%3E%3Ccircle cx='32' cy='36' r='26.5' fill='none' stroke='%232a1033' stroke-width='2.4'/%3E%3Crect x='27' y='5.5' width='10' height='6' rx='1.5' fill='%23d9d4e3' stroke='%232a1033' stroke-width='1.8'/%3E%3Ccircle cx='32' cy='3.4' r='2.2' fill='none' stroke='%232a1033' stroke-width='1.6'/%3E%3C/svg%3E") 0 0 / 100% 100%;
}
.wd-disco__ball i::before {
  content: ''; position: absolute; z-index: -1; inset: -75%;
  background: radial-gradient(closest-side, rgba(255, 255, 255, .55), rgba(255, 138, 224, .4) 30%, rgba(0, 229, 255, .2) 58%, transparent);
  animation: wd-glow 2.4s ease-in-out infinite alternate;
}
.wd-disco__ball > span::before {
  content: ''; position: absolute; z-index: -2; left: 50%; bottom: calc(var(--s) * .45);
  width: calc(var(--s) * 3.6); height: calc(var(--s) * 3.6);
  translate: -50% 50%;
  background: conic-gradient(rgba(255, 46, 196, .5) 0 5deg, transparent 0 30deg, rgba(0, 229, 255, .45) 0 35deg, transparent 0 60deg,
    rgba(255, 230, 0, .45) 0 65deg, transparent 0 90deg, rgba(57, 255, 20, .4) 0 95deg, transparent 0 120deg,
    rgba(199, 125, 255, .5) 0 125deg, transparent 0 150deg, rgba(255, 255, 255, .45) 0 155deg, transparent 0 180deg,
    rgba(255, 46, 196, .5) 0 185deg, transparent 0 210deg, rgba(0, 229, 255, .45) 0 215deg, transparent 0 240deg,
    rgba(255, 230, 0, .45) 0 245deg, transparent 0 270deg, rgba(57, 255, 20, .4) 0 275deg, transparent 0 300deg,
    rgba(199, 125, 255, .5) 0 305deg, transparent 0 330deg, rgba(255, 255, 255, .45) 0 335deg, transparent 0);
  -webkit-mask: radial-gradient(closest-side, #000 25%, transparent);
  mask: radial-gradient(closest-side, #000 25%, transparent);
  animation: wd-rays 16s linear infinite;
}
.wd-disco__ball i::after, .wd-disco__ball > span::after {
  content: ''; position: absolute; left: 0; bottom: 0; width: var(--s); height: var(--s);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ffffff' fill-opacity='.95' d='M47.5 40.5L53 40.5L53 31.5L47.5 31.5Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.95' d='M40 31.5L47.5 31.5L45.5 23L39 23Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.95' d='M32 15.5L37.5 15.5L35 11L32 11Z'/%3E%3Cpath fill='%23ffd6f5' fill-opacity='.95' d='M53 40.5L57 40.5L57 31.5L53 31.5Z'/%3E%3Cpath fill='%23d6fbff' fill-opacity='.8' d='M42 15.5L46 15.5L39.5 11L37.5 11Z'/%3E%3Cpath fill='%23fff7c2' fill-opacity='.8' d='M16.5 31.5L24 31.5L25 23L18.5 23Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.8' d='M53 31.5L57 31.5L54 23L50.5 23Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.8' d='M42 56.5L46 56.5L50.5 49L45.5 49Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.8' d='M37.5 56.5L42 56.5L45.5 49L39 49Z'/%3E%3Cpath fill='%23ffffff' d='M47.5 34Q49 39 54 40.5Q49 42.5 47.5 47Q45.5 42.5 40.5 40.5Q45.5 39 47.5 34Z'/%3E%3Cpath fill='%23ffffff' d='M40 25.5Q41.5 29.5 46 31.5Q41.5 33 40 37.5Q38.5 33 34 31.5Q38.5 29.5 40 25.5Z'/%3E%3C/svg%3E") 0 0 / 100% 100%;
  opacity: 0;
  animation: wd-shine 1.8s ease-in-out infinite;
}
.wd-disco__ball > span::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ffffff' fill-opacity='.95' d='M32 15.5L37.5 15.5L35 11L32 11Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.95' d='M32 49L39 49L40 40.5L32 40.5Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.95' d='M37.5 61L39.5 61L46 56.5L42 56.5Z'/%3E%3Cpath fill='%23ffd6f5' fill-opacity='.95' d='M26.5 61L29 61L26.5 56.5L22 56.5Z'/%3E%3Cpath fill='%23d6fbff' fill-opacity='.8' d='M53 31.5L57 31.5L54 23L50.5 23Z'/%3E%3Cpath fill='%23fff7c2' fill-opacity='.8' d='M39 49L45.5 49L47.5 40.5L40 40.5Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.8' d='M40 40.5L47.5 40.5L47.5 31.5L40 31.5Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.8' d='M16.5 40.5L24 40.5L24 31.5L16.5 31.5Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.8' d='M24 31.5L32 31.5L32 23L25 23Z'/%3E%3Cpath fill='%23ffffff' d='M32 10Q33.5 14 37.5 15.5Q33.5 17.5 32 21.5Q30.5 17.5 26.5 15.5Q30.5 14 32 10Z'/%3E%3Cpath fill='%23ffffff' d='M32 43Q34 47.5 38.5 49Q34 51 32 55.5Q30 51 25.5 49Q30 47.5 32 43Z'/%3E%3C/svg%3E"); animation-delay: -.9s; }
@keyframes wd-swing { from { rotate: -4deg; } to { rotate: 4deg; } }
.wd-disco.is-live .wd-disco__ball i { pointer-events: auto; cursor: pointer; touch-action: manipulation; }
.wd-disco.is-live .wd-disco__ball i::before, .wd-disco.is-live .wd-disco__ball i::after { pointer-events: none; }
@keyframes wd-glow { from { opacity: .55; scale: .9; } to { opacity: 1; scale: 1.06; } }
@keyframes wd-rays { to { rotate: 360deg; } }
@keyframes wd-shine { 50% { opacity: 1; } }

html[data-khub-fresh="glitter"] .wd-disco__ball { animation: wd-drop 1.4s .3s both; }
html[data-khub-fresh="glitter"] .wd-disco__ball:nth-child(3) { animation-delay: .5s; }
html[data-khub-fresh="glitter"] .wd-disco__ball:nth-child(4) { animation-delay: .7s; }
@keyframes wd-drop {
  0% { transform: translateY(calc(-100% - var(--s))); animation-timing-function: cubic-bezier(.45, 0, .85, .5); }
  50% { transform: translateY(12px); animation-timing-function: ease-in-out; }
  68% { transform: translateY(-6px); animation-timing-function: ease-in-out; }
  84% { transform: translateY(3px); animation-timing-function: ease-in-out; }
  100% { transform: translateY(0); }
}

.wd-disco__ball:nth-child(2) { --s: 64px; --l: 86px; --swing: 5.2s; right: 438px; }
.wd-disco__ball:nth-child(3) { --s: 46px; --l: 14px; --swing: 4.1s; right: 324px; }
.wd-disco__ball:nth-child(4) { --s: 34px; --l: 34px; --swing: 3.6s; right: 86px; }
.wd-disco__ball:nth-child(3) > span { animation-delay: -1.7s; }
.wd-disco__ball:nth-child(4) > span { animation-delay: -.6s; }
@media (max-width: 1119px) {
  .wd-disco__ball:nth-child(2) { --s: 50px; --l: 16px; right: 330px; }
  .wd-disco__ball:nth-child(3) { --s: 38px; --l: 30px; right: 168px; }
  .wd-disco__ball:nth-child(4) { --s: 30px; --l: 6px; right: 44px; }
}
@media (max-width: 720px) {
  .wd-disco__ball:nth-child(2) { --s: 36px; --l: 20px; right: 16px; }
  .wd-disco__ball:nth-child(3) { --s: 28px; --l: 6px; right: 70px; }
  .wd-disco__ball:nth-child(4) { --s: 30px; --l: 36px; right: 130px; }
}
@media (max-width: 560px) { .wd-disco__ball:nth-child(4) { display: none; } }
@media (max-width: 350px) { .wd-disco__ball:nth-child(3) { display: none; } }

.wd-logo {
  --wd-logo-zoom: .85;
  grid-column: 1; justify-self: start; align-self: center;
  display: flex; align-items: center; height: 1.56em; margin: 0;
  font-size: calc(78px * var(--wd-logo-zoom)); line-height: 1; color: inherit; text-decoration: none;
}
@media (max-width: 1119px) {
  .wd-logo { font-size: calc(min(78px, calc((100vw - 443px) / 7.6)) * var(--wd-logo-zoom)); }
}
@media (min-width: 721px) and (max-width: 899px) {
  .wd-logo { font-size: calc(min(64px, calc((100vw - 443px) / 5.2)) * var(--wd-logo-zoom)); height: 2.6em; }
}
@media (max-width: 720px) {
  .wd-logo { font-size: calc(min(78px, calc((100vw - 40px) / 7.6)) * var(--wd-logo-zoom)); }
}
@media (max-width: 560px) {
  .wd-logo { font-size: calc((100vw - 28px) / 7.6 * var(--wd-logo-zoom)); }
}
.wdl-knopf {
  display: flex; align-items: center; align-self: stretch; margin: 0; padding: 0;
  font: inherit; color: inherit; background: none; border: 0; border-radius: 6px;
  cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
}
.wdl-js .wd-logo:not(.wdl-an) .wdl { visibility: hidden; animation: wdl-notfall 0s 2s forwards; }
@keyframes wdl-notfall { to { visibility: visible; } }
.wdl--wartet { visibility: hidden; }

.wdl {
  position: relative; display: inline-flex; align-items: center; gap: .17em;
  padding: .14em .1em .16em 0;
  font-size: calc(1em * var(--wdl-fit, 1)); line-height: 1; white-space: nowrap;
  transform: rotate(-1.5deg);
  -webkit-user-select: none; user-select: none;
}
.wdl-w { display: inline-flex; align-items: center; }
@media (min-width: 721px) and (max-width: 899px) {
  .wdl { flex-direction: column; align-items: flex-start; gap: 0; }
  .wdl-w + .wdl-w { margin: -.1em 0 0 .8em; }
}
.wdl-x {
  position: relative; display: inline-flex; flex: none;
  top: var(--y, 0); margin: 0 var(--m, -.01em);
}
.wdl-x::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: rgba(0, 0, 0, .62); clip-path: var(--k, none);
  transform: translate(.03em, .05em) rotate(var(--r, 0deg));
}
.wdl-s {
  display: block; padding: .1em .11em .08em;
  font-size: var(--s, 1em); font-style: normal; font-weight: 700; line-height: .9;
  transform: rotate(var(--r, 0deg)); clip-path: var(--k, none);
}
.wdl-riss1 { --k: polygon(0 4%, 22% 0, 47% 5%, 71% 0, 100% 3%, 97% 28%, 100% 55%, 96% 80%, 100% 100%, 76% 97%, 50% 100%, 26% 96%, 3% 100%, 0 74%, 4% 50%, 0 25%); }
.wdl-riss2 { --k: polygon(3% 0, 30% 4%, 56% 0, 80% 5%, 98% 0, 100% 24%, 96% 47%, 100% 73%, 97% 100%, 72% 96%, 47% 100%, 22% 95%, 0 98%, 3% 72%, 0 48%, 4% 22%); }
.wdl-riss3 { --k: polygon(0 0, 26% 5%, 52% 1%, 77% 6%, 100% 2%, 96% 30%, 100% 52%, 97% 77%, 100% 96%, 74% 100%, 50% 95%, 24% 100%, 2% 96%, 0 70%, 3% 46%, 0 20%); }
.wdl-schnitt { --k: polygon(3% 0, 100% 4%, 97% 100%, 0 95%); }
.wdl-zacken { --k: polygon(0 7%, 4.17% 0, 8.33% 7%, 12.5% 0, 16.67% 7%, 20.83% 0, 25% 7%, 29.17% 0, 33.33% 7%, 37.5% 0, 41.67% 7%, 45.83% 0, 50% 7%, 54.17% 0, 58.33% 7%, 62.5% 0, 66.67% 7%, 70.83% 0, 75% 7%, 79.17% 0, 83.33% 7%, 87.5% 0, 91.67% 7%, 95.83% 0, 100% 7%, 100% 93%, 95.83% 100%, 91.67% 93%, 87.5% 100%, 83.33% 93%, 79.17% 100%, 75% 93%, 70.83% 100%, 66.67% 93%, 62.5% 100%, 58.33% 93%, 54.17% 100%, 50% 93%, 45.83% 100%, 41.67% 93%, 37.5% 100%, 33.33% 93%, 29.17% 100%, 25% 93%, 20.83% 100%, 16.67% 93%, 12.5% 100%, 8.33% 93%, 4.17% 100%, 0 93%); }
.wdl-zacken > .wdl-s { padding-top: .13em; padding-bottom: .11em; }
.wdl-x > .wdl-tief { padding-bottom: .17em; }
.wdl-oval { --k: ellipse(50% 50% at 50% 50%); }
.wdl-oval > .wdl-s { padding: .15em .2em .13em; }
.wdl-stern { --k: polygon(50% 0, 59% 15%, 75% 7%, 76% 25%, 93% 25%, 86% 41%, 100% 50%, 86% 59%, 93% 75%, 76% 75%, 75% 93%, 59% 85%, 50% 100%, 41% 85%, 25% 93%, 24% 75%, 7% 75%, 14% 59%, 0 50%, 14% 41%, 7% 25%, 24% 25%, 25% 7%, 41% 15%); }
.wdl-stern > .wdl-s { padding: .32em .32em .28em; }
.wdl-g-pink { --g: rgba(255, 46, 196, .8); }
.wdl-g-green { --g: rgba(57, 255, 20, .75); }
.wdl-g-pink::before, .wdl-g-green::before {
  background: var(--g); clip-path: none; border-radius: .08em;
  box-shadow: 0 0 .04em var(--g), 0 0 .2em .03em var(--g);
  transform: rotate(var(--r, 0deg));
}
.wdl-oval.wdl-g-pink::before, .wdl-oval.wdl-g-green::before { border-radius: 50%; }

.wdl-f-impact { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif; font-weight: 400; }
.wdl-f-black { font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; font-weight: 900; }
.wdl-f-georgia { font-family: Georgia, "Times New Roman", serif; }
.wdl-f-georgia-i { font-family: Georgia, "Times New Roman", serif; font-style: italic; }
.wdl-f-times { font-family: "Times New Roman", Times, serif; }
.wdl-f-courier { font-family: "Courier New", Courier, monospace; }
.wdl-f-verdana { font-family: Verdana, Geneva, sans-serif; }
.wdl-f-trebuchet { font-family: "Trebuchet MS", "Segoe UI", sans-serif; }
.wdl-f-palatino-i { font-family: "Palatino Linotype", Palatino, "Book Antiqua", P052, Georgia, serif; font-style: italic; }
.wdl-f-bookman-i { font-family: "Bookman Old Style", "URW Bookman", Bookman, Georgia, serif; font-style: italic; }
.wdl-f-didot { font-family: Didot, "Bodoni 72", "Bodoni MT", "Big Caslon", "Times New Roman", serif; }
.wdl-f-slab { font-family: Rockwell, "Roboto Slab", "Courier New", serif; }
.wdl-f-futura { font-family: Futura, "Century Gothic", "Avenir Next", "Trebuchet MS", sans-serif; }
.wdl-f-cooper { font-family: "Cooper Black", "Bookman Old Style", Georgia, serif; font-weight: 900; }
.wdl-f-narrow { font-family: "Arial Narrow", "Roboto Condensed", "Liberation Sans Narrow", sans-serif-condensed, Impact, sans-serif; }
.wdl-f-mono { font-family: ui-monospace, Menlo, Consolas, "Lucida Console", monospace; }
.wdl-f-round { font-family: var(--wd-font-display); font-weight: 900; }
.wdl-f-comic { font-family: "Comic Sans MS", "Chalkboard SE", "Comic Neue", cursive; }
.wdl-p-black { background: #141014; color: #fff; }
.wdl-p-white { background: #fffdf8; color: #141014; }
.wdl-p-news { background: repeating-linear-gradient(0deg, transparent 0 .1em, rgba(0, 0, 0, .08) .1em .115em), #ebe3cc; color: #141014; }
.wdl-p-grey { background: #bcb8af; color: #141014; }
.wdl-p-kraft { background: repeating-linear-gradient(97deg, rgba(90, 60, 20, .1) 0 .02em, transparent .02em .13em), #c9a77c; color: #141014; }
.wdl-p-pink { background: var(--wd-pink); color: #fff; }
.wdl-p-green { background: var(--wd-green); color: #141014; }
.wdl-p-ink { background: var(--wd-ink); color: var(--wd-pink); }
.wdl-p-paper { background: var(--wd-paper); color: var(--wd-ink); }
.wdl-p-lined { background: linear-gradient(90deg, transparent .12em, rgba(230, 40, 60, .5) .12em .14em, transparent .14em), repeating-linear-gradient(180deg, transparent 0 .2em, rgba(60, 120, 220, .35) .2em .215em), #fffdf8; color: #141014; }
.wdl-p-grid { background: linear-gradient(90deg, rgba(60, 120, 220, .3) .015em, transparent .015em) 0 0 / .18em .18em, linear-gradient(180deg, rgba(60, 120, 220, .3) .015em, transparent .015em) 0 0 / .18em .18em, #fffdf8; color: #141014; }
.wdl-p-dots { background: radial-gradient(circle, var(--dt) 30%, transparent 33%) 0 0 / .09em .09em, var(--pa); color: #141014; }
.wdl-p-stripes { background: repeating-linear-gradient(45deg, var(--dt) 0 .045em, transparent .045em .09em), var(--pa); color: #141014; }
.wdl-c-black { color: #141014; }
.wdl-c-white { color: #fff; }
.wdl-c-pink { color: var(--wd-pink); }
.wdl-c-green { color: var(--wd-green); }
.wdl-c-ink { color: var(--wd-ink); }
.wdl-c-paper { color: var(--wd-paper); }
.wdl-dymo { --k: polygon(4% 0, 100% 0, 96% 100%, 0 100%); margin-left: .06em; }
.wdl-band {
  display: flex; align-items: center; height: .78em; padding: 0 .22em 0 .28em;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .06) 0 .02em, transparent .02em .05em),
    linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, .2)),
    var(--band, var(--wd-pink));
}
.wdl-band > b {
  display: block; transform: translateY(var(--dy, 0));
  font-family: "Arial Black", "Arial Bold", Verdana, sans-serif; font-weight: 900; font-size: .62em; line-height: 1; letter-spacing: .08em;
  color: #fff3fb; text-shadow: 0 -.03em 0 rgba(255, 255, 255, .6), 0 .045em 0 var(--bd, rgba(110, 0, 70, .6)), 0 .07em .05em rgba(40, 0, 30, .35);
}
.wdl-band--black { --band: #1b1a1d; --bd: rgba(0, 0, 0, .75); }
.wdl-band--ink { --band: var(--wd-ink); --bd: rgba(0, 0, 0, .7); }

.wdl-tape {
  position: absolute; z-index: 3; width: var(--tw, .9em); height: .25em;
  transform: rotate(var(--tr, 0deg));
  background: linear-gradient(180deg, rgba(255, 252, 238, .6), rgba(236, 228, 200, .45));
  clip-path: polygon(2% 0, 98% 0, 100% 18%, 97% 36%, 100% 54%, 97% 72%, 100% 90%, 98% 100%, 2% 100%, 0 86%, 3% 68%, 0 50%, 3% 32%, 0 14%);
}
.wdl-pin {
  position: absolute; z-index: 4; width: 1em; height: .17em; transform: rotate(var(--pr, 60deg));
  background: radial-gradient(circle at calc(100% - .07em) 50%, transparent .03em, #e8e4ee .032em .058em, transparent .061em);
  filter: drop-shadow(.02em .03em 0 rgba(0, 0, 0, .55));
}
.wdl-pin::before { content: ""; position: absolute; inset: .01em .1em .01em .16em; border: .026em solid #e8e4ee; border-radius: .09em; }
.wdl-pin::after {
  content: ""; position: absolute; left: 0; top: -.03em; width: .24em; height: .23em;
  border-radius: .06em .03em .03em .06em; background: linear-gradient(180deg, #fbfaff, var(--wd-metal) 60%, #8a8496);
}
.wdl-klammer {
  position: absolute; z-index: 3; width: .34em; height: .05em; border-radius: .02em; transform: rotate(var(--kr, 0deg));
  background: linear-gradient(180deg, #f6f4fa, #9a95a6); box-shadow: 0 .016em 0 rgba(0, 0, 0, .45);
}
.wdl-unter { position: absolute; z-index: -2; }
.wdl--blatt { padding: .26em .42em .27em .34em; }
.wdl-blatt { inset: .04em .1em .03em .05em; filter: drop-shadow(.03em .06em 0 rgba(0, 0, 0, .6)); }
.wdl-blatt > i:first-child {
  position: absolute; inset: 0; transform: rotate(-1deg);
  clip-path: polygon(0 6%, 4% 0, 9% 4%, 15% 1%, 22% 5%, 30% 0, 38% 4%, 46% 1%, 55% 5%, 63% 0, 71% 4%, 79% 1%, 87% 5%, 94% 0, 100% 4%, 98% 22%, 100% 40%, 97% 58%, 100% 76%, 98% 94%, 100% 100%, 92% 96%, 84% 100%, 76% 95%, 68% 99%, 60% 95%, 52% 100%, 44% 96%, 36% 100%, 28% 95%, 20% 99%, 12% 95%, 5% 100%, 0 96%, 2% 78%, 0 60%, 3% 42%, 0 24%);
  background:
    radial-gradient(circle, rgba(20, 16, 20, .5) 0 .008em, transparent .014em) 0 0 / .31em .23em,
    radial-gradient(circle, rgba(20, 16, 20, .35) 0 .006em, transparent .011em) .13em .07em / .19em .37em,
    radial-gradient(circle, rgba(20, 16, 20, .25) 0 .01em, transparent .016em) .05em .17em / .53em .29em,
    repeating-linear-gradient(90deg, rgba(0, 0, 0, .035) 0 .012em, transparent .012em .41em),
    radial-gradient(120% 140% at 50% 50%, #f3f1ec 55%, #d6d3cb);
}
.wdl--streifen { padding: .26em .5em .28em .34em; }
.wdl-bahn { filter: drop-shadow(.03em .05em 0 rgba(0, 0, 0, .55)); }
.wdl-bahn > i {
  position: absolute; inset: 0;
  clip-path: polygon(0 10%, 6% 2%, 13% 8%, 21% 0, 30% 6%, 39% 1%, 48% 7%, 57% 0, 66% 6%, 75% 1%, 84% 7%, 92% 0, 100% 8%, 97% 30%, 100% 52%, 96% 74%, 100% 94%, 91% 100%, 82% 93%, 73% 99%, 64% 94%, 55% 100%, 46% 93%, 37% 99%, 28% 94%, 19% 100%, 10% 94%, 3% 100%, 0 88%, 3% 66%, 0 44%, 4% 26%);
  background:
    radial-gradient(circle, rgba(0, 0, 0, .1) 0 .01em, transparent .016em) 0 0 / .27em .21em,
    linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(0, 0, 0, .1)),
    var(--c, var(--wd-pink));
}
.wdl-bahn--hinten { inset: .3em .16em .03em .06em; transform: rotate(2.2deg); }
.wdl-bahn--vorn { inset: .1em .3em .17em .16em; transform: rotate(-1.6deg); }

.wdl-show {
  position: absolute; z-index: 70; left: 0; top: 0; width: 100%;
  overflow: hidden; pointer-events: none; contain: strict;
}
.wdl-schere { position: absolute; left: 0; top: 0; transform-origin: 74% 50%; }
.wdl-schere svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; transform-origin: 45% 50%; }
.wdl-schere .wdl-klinge { fill: #e4e0ea; stroke: var(--wd-ink); stroke-width: 4; stroke-linejoin: round; }
.wdl-schere .wdl-glanz { fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; opacity: .85; }
.wdl-schere .wdl-griff { fill: var(--griff, var(--wd-pink)); fill-rule: evenodd; stroke: var(--wd-ink); stroke-width: 4; stroke-linejoin: round; }
.wdl-schere .wdl-niete { fill: var(--wd-metal); stroke: var(--wd-ink); stroke-width: 3; }
.wdl-schere--gruen { --griff: var(--wd-green); }
.wdl-schere--weiss { --griff: var(--wd-paper); }
.wdl-fetzen { position: absolute; left: 0; top: 0; opacity: 0; }
.wdl-fetzen--a { clip-path: polygon(0 12%, 100% 0, 86% 100%, 6% 84%); }
.wdl-fetzen--b { clip-path: polygon(14% 0, 100% 34%, 72% 100%, 0 66%); }
.wdl-fetzen--c { clip-path: polygon(0 0, 100% 18%, 38% 100%); }
.wdl-fetzen--d { border-radius: 40% 10%; }
.wdl-bogen {
  position: absolute; z-index: -1; left: 0; top: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: .05em;
  padding: .1em .12em 0; overflow: hidden; line-height: .9; white-space: nowrap;
  box-shadow: .03em .05em 0 rgba(0, 0, 0, .5); pointer-events: none;
}
.wdl-bogen > b { flex: none; font-size: .5em; }
.wdl-bogen > i {
  display: block; flex: 1 1 0; min-height: 0; width: 88%; overflow: hidden;
  font: normal 400 .11em/1.2 Arial, Helvetica, sans-serif; color: var(--zeile);
  white-space: normal; text-align: left; overflow-wrap: break-word;
}
.wdl-bogen--zeitung > i { font-family: Georgia, "Times New Roman", serif; column-count: 2; column-gap: .9em; }
.wdl-bogen--heft > i { font-family: "Segoe Print", "Bradley Hand", "Comic Sans MS", "Comic Neue", cursive; line-height: 1.5; }
.wdl-bogen--gruen > i, .wdl-bogen--pink > i { font-weight: 700; text-align: center; }
.wdl-bogen--kopie > i { font-family: "Courier New", Courier, monospace; }
.wdl-bogen--zeitung { --zeile: rgba(20, 16, 20, .78); color: #141014; background: #ebe3cc; }
.wdl-bogen--heft {
  --zeile: rgba(42, 79, 168, .85); color: #2a4fa8;
  background: linear-gradient(90deg, transparent .16em, rgba(230, 40, 60, .5) .16em .18em, transparent .18em), repeating-linear-gradient(180deg, transparent 0 .17em, rgba(60, 120, 220, .3) .17em .185em), #fffdf8;
}
.wdl-bogen--gruen { --zeile: rgba(20, 16, 20, .8); color: #141014; background: var(--wd-green); }
.wdl-bogen--pink { --zeile: rgba(255, 255, 255, .92); color: #fff; background: var(--wd-pink); }
.wdl-bogen--kopie { --zeile: rgba(20, 16, 20, .82); color: #141014; background: radial-gradient(circle, rgba(20, 16, 20, .4) 0 .01em, transparent .016em) 0 0 / .27em .21em, #f3f1ec; }
.wdl-bogen--schwarz { --zeile: rgba(255, 255, 255, .75); color: var(--wd-pink); background: #141014; }

html[data-khub-mode="bw"] .wdl { filter: grayscale(1) contrast(1.08); }
html[data-khub-mode="glitter"] .wdl-holo > .wdl-s {
  background: var(--wd-glitter) 0 0 / 80px 80px, var(--wd-holo); color: #141014;
  animation: wdl-holo 8s linear infinite;
}
@keyframes wdl-holo { to { filter: hue-rotate(360deg); } }
@media (hover: hover) {
  .wdl-knopf .wdl { transition: transform .3s cubic-bezier(.3, 1.6, .5, 1); }
  .wdl-knopf:hover .wdl { transform: rotate(-2.5deg) scale(1.025); }
}
@media (prefers-reduced-motion: reduce) {
  .wdl *, .wdl *::before, .wdl *::after { animation: none !important; }
  .wdl-knopf .wdl { transition: none; }
}

html:lang(de) .wd-en, html:not(:lang(de)) .wd-de { display: none !important; }
html:not(:lang(de)) .wd-box > .wd-en:nth-last-child(2),
.wd-box > div.wd-en > :last-child, .wd-box > div.wd-de > :last-child { margin-bottom: 0; }

.wd-util { display: none; }
html.wd-js .wd-util {
  position: relative; z-index: 60;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 14px;
  grid-column: 2; grid-row: 2; justify-self: end; align-self: center;
}
html.wd-js .wd-nav { grid-row: 1; align-self: end; }

.wd-help {
  display: inline-flex; align-items: center; gap: 8px; min-height: 40px; margin: 0; padding: 0 14px 0 6px;
  color: var(--wd-ink); background: var(--wd-sticker);
  border: 3px solid var(--wd-ink); border-radius: 9px 14px 8px 15px / 14px 8px 15px 9px;
  box-shadow: 3px 3px 0 var(--wd-pink);
  font-family: var(--wd-font-display); font-size: 15px; font-weight: 900; line-height: 1;
  text-transform: uppercase; letter-spacing: .03em; white-space: nowrap;
  rotate: -2deg; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
  transition: translate .1s, box-shadow .1s;
}
.wd-help__q {
  display: inline-grid; place-items: center; flex: none; width: 26px; height: 26px;
  color: var(--wd-sticker); background: var(--wd-ink); border-radius: 50%;
  font-size: 17px; line-height: 1;
}
.wd-help:active { translate: 2px 2px; box-shadow: 1px 1px 0 var(--wd-pink); }
.wd-help[aria-busy="true"] { cursor: progress; }
.wd-help[aria-busy="true"] .wd-help__q { animation: wd-help-dreht .8s linear infinite; }
@keyframes wd-help-dreht { to { rotate: 360deg; } }

.wd-lang {
  display: inline-flex; align-items: center; gap: 7px; min-height: 40px; margin: 0; padding: 0 14px 0 10px;
  color: var(--wd-text); background: rgba(18, 8, 24, .6);
  border: 2px solid var(--wd-green); border-radius: 999px;
  font-family: var(--wd-font-display); font-size: 14px; font-weight: 800; line-height: 1; letter-spacing: .02em; white-space: nowrap;
  cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
  transition: translate .1s, color .1s, background-color .1s;
}
.wd-lang svg { flex: none; width: 18px; height: 18px; fill: none; stroke: var(--wd-green); stroke-width: 1.8; stroke-linecap: round; }
.wd-lang:active { translate: 1px 1px; }
@media (hover: hover) {
  .wd-help:hover { translate: -1px -1px; box-shadow: 4px 4px 0 var(--wd-pink); }
  .wd-lang:hover { color: var(--wd-ink); background: var(--wd-green); }
  .wd-lang:hover svg { stroke: var(--wd-ink); }
}

@media (max-width: 720px) {
  html.wd-js .wd-util { grid-column: 1; grid-row: 1; justify-self: start; justify-content: flex-start; }
  html.wd-js .wd-logo { grid-row: 2; }
  html.wd-js .wd-tagline { grid-row: 3; }
  html.wd-js .wd-nav { grid-row: 4; align-self: auto; }
  html.wd-js .wd-disco { --wd-disco-drop: 50px; }
}
@media (max-width: 400px) {
  .wd-help { gap: 7px; padding-right: 12px; font-size: 14px; }
  .wd-lang { padding-right: 12px; font-size: 13px; }
}

html[data-khub-mode="bw"] { --wd-sticker: #ffffff; }
html[data-khub-mode="bw"] .wd-lang { background: rgba(12, 12, 12, .6); }
html[data-khub-mode="glitter"] .wd-help { background: var(--wd-glitter) 0 0 / 160px 160px, var(--wd-sticker); }
html[data-khub-mode="glitter"] .wd-lang { background-image: var(--wd-glitter); background-size: 160px 160px; }

@media (prefers-reduced-motion: reduce) {
  .wd-help, .wd-lang { transition: none; }
  .wd-help[aria-busy="true"] .wd-help__q { animation: none; }
}

@media print {
  .wd-util, .wd-disco { display: none !important; }
}

.wd-form { display: grid; gap: 8px; }
.wd-form[hidden] { display: none; }
.wd-form__topics { min-width: 0; margin: 0 0 14px; padding: 0; border: 0; }
.wd-form__label {
  display: block; margin: 0 0 2px; padding: 0;
  font-family: var(--wd-font-display); font-size: 17px; font-weight: 900; color: var(--wd-green);
}
.wd-form__topics .wd-form__label { margin-bottom: 10px; }
.wd-form__opt { font-family: var(--wd-font); font-size: 14px; font-weight: 600; color: var(--wd-muted); }

.wd-form__chips { display: flex; flex-wrap: wrap; gap: 10px; }
.wd-chip { position: relative; display: inline-flex; }
.wd-chip input { position: absolute; z-index: -1; top: 0; left: 0; width: 1px; height: 1px; margin: 0; opacity: 0; }
.wd-chip > span {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px;
  color: var(--wd-ink); background: var(--wd-paper);
  border: 3px solid var(--wd-ink); border-radius: 11px 15px 10px 16px / 15px 10px 16px 11px;
  box-shadow: 3px 3px 0 var(--wd-pink);
  font-weight: 800; line-height: 1.2; cursor: pointer;
  -webkit-tap-highlight-color: transparent; transition: translate .1s, box-shadow .1s;
}
.wd-chip input:checked + span { background: var(--wd-green); }
.wd-chip input:checked + span::before { content: '\2713'; margin-right: 7px; font-weight: 900; }
.wd-chip input:focus-visible + span { outline: 3px solid var(--wd-green); outline-offset: 3px; }
.wd-chip > span:active { translate: 2px 2px; box-shadow: 1px 1px 0 var(--wd-pink); }

.wd-form__input {
  display: block; width: 100%; min-height: 50px; margin: 0; padding: 10px 14px;
  color: var(--wd-ink); background: var(--wd-paper);
  border: 3px solid var(--wd-ink); border-radius: 14px;
  box-shadow: 4px 4px 0 var(--wd-pink);
  font: inherit; font-size: 17px; font-weight: 600;
  -webkit-appearance: none; appearance: none;
}
.wd-form__text { min-height: 190px; resize: vertical; line-height: 1.45; }
.wd-form__input:focus-visible { outline: 3px solid var(--wd-green); outline-offset: 3px; }
.wd-form__input[aria-invalid="true"] { border-color: var(--wd-pink); box-shadow: 4px 4px 0 var(--wd-ink); }
.wd-form .wd-form__hint { margin: 2px 0 6px; color: var(--wd-muted); font-size: 15px; }
.wd-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: 14px 18px; margin-top: 8px; }
.wd-form__field { display: grid; gap: 6px; }
.wd-form .wd-form__privacy { margin: 16px 0 4px; color: var(--wd-muted); font-size: 15px; }

.wd-form__send, .wd-form__again {
  justify-self: start; display: inline-flex; align-items: center; min-height: 48px; margin: 6px 0 0; padding: 0 26px;
  color: var(--wd-ink); background: var(--wd-green);
  border: 3px solid var(--wd-ink); border-radius: 999px;
  box-shadow: 4px 4px 0 var(--wd-pink);
  font-family: var(--wd-font-display); font-size: 18px; font-weight: 900; line-height: 1; text-transform: uppercase; letter-spacing: .03em;
  cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
  transition: translate .1s, box-shadow .1s;
}
.wd-form__again { display: flex; width: max-content; max-width: 100%; min-height: 44px; margin-top: 12px; padding: 0 18px; background: var(--wd-paper); font-size: 15px; }
.wd-form__send:active, .wd-form__again:active { translate: 2px 2px; box-shadow: 2px 2px 0 var(--wd-pink); }
.wd-form__send:disabled { cursor: progress; opacity: .7; }

.wd-page .wd-form__status { margin: 14px 0 0; padding: 12px 16px; border: 3px solid var(--wd-ink); border-radius: 14px; font-weight: 700; }
.wd-page .wd-form__status:empty { margin: 0; padding: 0; border: 0; }
.wd-page .wd-form__status:focus { outline: none; }
.wd-page .wd-form__status--senden { color: var(--wd-text); border-style: dashed; border-color: var(--wd-muted); }
.wd-page .wd-form__status--ok { color: var(--wd-ink); background: var(--wd-green); }
.wd-page .wd-form__status--fehler {
  color: var(--wd-ink); background: #ffd3f1; background: color-mix(in srgb, var(--wd-pink) 22%, var(--wd-paper));
  border-color: var(--wd-pink);
}
.wd-page .wd-form__status a { text-decoration-color: var(--wd-ink); }

.wd-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

html[data-khub-mode="bw"] .wd-chip input:checked + span { color: var(--wd-paper); background: var(--wd-ink); border-color: var(--wd-paper); }

@media (hover: hover) {
  .wd-chip:hover > span { translate: -1px -1px; box-shadow: 4px 4px 0 var(--wd-pink); }
  .wd-form__send:not(:disabled):hover, .wd-form__again:hover { translate: -1px -1px; box-shadow: 5px 5px 0 var(--wd-pink); }
}
@media (max-width: 640px) {
  .wd-form__row { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 400px) {
  .wd-form__chips { gap: 8px; }
  .wd-chip > span { padding: 0 12px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .wd-chip > span, .wd-form__send, .wd-form__again { transition: none; }
}