.crumb b{ text-transform:none; }

.wl .wl-listenkopf{ margin:30px 0 20px; }
@media (max-width:920px){ .wl .wl-listenkopf{ margin:24px 0 16px; } }

.wl-liste{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:stretch; }
.wl-tool{ display:flex; flex-direction:column; min-width:0; padding:16px 16px 18px; background:var(--panel);
  border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); scroll-margin-top:0; }
.wl-karte{ flex:1 1 auto; display:flex; flex-direction:column; gap:3px; min-width:0; padding:14px 2px 0; }
.wl-art{ font-family:var(--mono); font-size:10.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--txt-faint);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wl-art b{ font-weight:600; color:var(--accent-txt); }
.wl-name{ margin:0; font-size:16px; letter-spacing:-.01em; line-height:1.3; color:var(--txt); }
.wl-lead{ margin:0; font-size:14px; line-height:1.5; color:var(--txt-dim); }
.wl-aktionen{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:auto; padding-top:14px; }
.wl-aktionen .cta-btn{ font-size:13.5px; padding:8px 14px; }

.wl-medium{ position:relative; min-width:0; margin:0; }
.wl-fenster{ border:1px solid var(--line-2); border-radius:var(--r); overflow:hidden; background:var(--panel-2);
  box-shadow:0 18px 40px -30px rgba(10,20,40,.5); }
.wl-buehne{ position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--bg-2); }
.wl-stage{ position:absolute; inset:0; display:block; }
.wl-stage img, .wl-stage video{ display:block; width:100%; height:100%; object-fit:cover; object-position:top center; }
.wl-stage::after{ content:""; position:absolute; inset:0; background:rgba(10,15,25,0); transition:background .2s ease; }

.wl-go{ position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%) scale(.96);
  display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border-radius:9px;
  background:var(--accent); color:#fff; font-size:14px; font-weight:600; white-space:nowrap;
  box-shadow:0 14px 34px -14px rgba(10,20,40,.6); opacity:0; pointer-events:none;
  transition:opacity .18s ease, transform .18s ease; }
.wl-go .ico{ width:15px; height:15px; stroke:#fff; fill:none; stroke-width:2; }
@media (hover:hover) and (pointer:fine){
  .wl-stage:hover::after{ background:rgba(10,15,25,.30); }
  .wl-stage:hover .wl-go{ opacity:1; transform:translate(-50%,-50%) scale(1); }
}
.wl-stage:focus-visible{ outline-offset:-3px; }
.wl-stage:focus-visible .wl-go{ opacity:1; }

.wl-pause{ position:absolute; right:10px; bottom:10px; z-index:3; width:38px; height:38px; border-radius:50%;
  display:grid; place-items:center; cursor:pointer; color:#fff; background:rgba(10,15,25,.62);
  border:1px solid rgba(255,255,255,.35); }
.wl-pause:hover{ background:rgba(10,15,25,.8); }
.wl-pause svg{ width:15px; height:15px; fill:currentColor; }

.wl-gal-spur{ position:absolute; inset:0; display:flex; overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; }
.wl-gal-spur::-webkit-scrollbar{ display:none; }
.wl-gal-bild{ flex:0 0 100%; height:100%; margin:0; scroll-snap-align:start; scroll-snap-stop:always; }
.wl-gal-bild img{ display:block; width:100%; height:100%; object-fit:cover; object-position:top center; }
.wl-gal-bild .wl-stage{ position:relative; inset:auto; width:100%; height:100%; }

.wl-cap{ display:flex; align-items:center; gap:12px; margin-top:9px; min-height:36px;
  font-size:13.5px; line-height:1.45; color:var(--txt-dim); }
.wl-cap-text{ flex:1 1 auto; min-width:0; }
.wl-gal-steuer{ flex:0 0 auto; display:flex; align-items:center; gap:6px; }
.wl-gal-zahl{ min-width:3.4em; text-align:center; font-family:var(--mono); font-size:12px; color:var(--txt-dim); }
.wl-gal-btn{ width:36px; height:36px; display:grid; place-items:center; cursor:pointer; padding:0;
  border:1px solid var(--line-2); border-radius:var(--r); background:var(--panel); color:var(--txt); }
.wl-gal-btn:hover{ border-color:var(--accent); color:var(--accent-txt); }
.wl-gal-btn[disabled]{ opacity:.38; cursor:default; border-color:var(--line-2); color:var(--txt); }
.wl-gal-btn .ico, .wl-pn-btn .ico, .wl-weiter .ico{ width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.9; }
.wl-rechts{ transform:scaleX(-1); }

.wl-tool{ position:relative; }
.wl-cap-kurz{ display:none; }
.wl-liste .wl-cap{ position:absolute; right:10px; bottom:10px; z-index:3; margin:0; min-height:0; }
.wl-liste .wl-cap-text{ display:none; }
.wl-liste .wl-medium:not([data-art="galerie"]) .wl-cap{ display:none; }
.wl-liste .wl-gal-steuer{ gap:2px; padding:3px; border-radius:99px; border:1px solid var(--line-2);
  background:color-mix(in srgb, var(--panel) 90%, transparent); box-shadow:0 8px 18px -12px rgba(10,20,40,.5); }
.wl-liste .wl-gal-btn{ width:30px; height:30px; border-radius:50%; border-color:transparent; background:transparent; }
.wl-liste .wl-gal-btn:hover{ border-color:var(--accent-line); }
.wl-liste .wl-gal-zahl{ min-width:2.9em; font-size:11px; }

@media (max-width:920px){
  .wl-tool .wl-lupe, .kp-hero2-fig .wl-lupe{ display:none; }
  .wl-gal-spur{ overflow:hidden; scroll-snap-type:none; }
  .wl-gal-bild{ display:none; }
  .wl-gal-bild.wl-gal-mobil{ display:block; }
  .wl-gal-steuer{ display:none; }
  .wl-cap{ min-height:0; margin-top:8px; }
  .wl-medium:has(.wl-cap-kurz) .wl-cap-text{ display:none; }
  .wl-cap-kurz{ display:block; flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}

.wl .cta-card{ margin-top:44px; }

.wl-dnav{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 22px; }
.wl-dnav .back-link.back-btn{ margin:0; }
.wl-dnav-pn{ margin-left:auto; display:flex; gap:8px; }
.wl-pn-btn{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; font-size:14px; font-weight:600;
  color:var(--txt); background:var(--panel); border:1px solid var(--line-2); border-radius:var(--r); box-shadow:var(--shadow); }
.wl-pn-btn:hover{ border-color:var(--accent); color:var(--accent-txt); }

.wl-weiter{ margin-top:44px; }
.wl-weiter-kopf{ display:flex; align-items:baseline; gap:12px; margin-bottom:16px; padding-bottom:8px; border-bottom:1px solid var(--line-2); }
.wl-weiter-kopf h2{ margin:0; font-size:19px; font-weight:750; letter-spacing:-.015em; color:var(--txt); }
.wl-weiter-kopf .wl-alle-klein{ margin-left:auto; display:inline-flex; align-items:center; gap:6px;
  font-family:var(--mono); font-size:13px; color:var(--txt-dim); white-space:nowrap; }
.wl-weiter-kopf .wl-alle-klein:hover{ color:var(--accent-txt); }
.wl-weiter-raster{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.wl-weiter-karte{ display:flex; align-items:center; gap:14px; padding:12px; min-width:0;
  background:var(--panel); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow);
  transition:border-color .15s ease, transform .15s ease; }
.wl-weiter-karte:hover{ border-color:var(--accent-line); transform:translateY(-2px); }
.wl-weiter-karte img{ flex:0 0 auto; width:132px; aspect-ratio:16/10; object-fit:cover; object-position:top center;
  border:1px solid var(--line); border-radius:var(--r); background:var(--bg-2); }
.wl-weiter-karte .wl-wk-text{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.wl-weiter-karte .wl-wk-rolle{ display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:12px; color:var(--accent-txt); }
.wl-weiter-karte .wl-wk-name{ font-size:16px; font-weight:650; line-height:1.3; color:var(--txt); }
.wl-weiter-karte.nach{ flex-direction:row-reverse; text-align:right; }
.wl-weiter-karte.nach .wl-wk-text{ align-items:flex-end; }
@media (prefers-reduced-motion: reduce){ .wl-weiter-karte:hover{ transform:none; } }

@media (max-width:920px){
  .wl-liste{ grid-template-columns:minmax(0,1fr); gap:20px; }
  .wl-tool{ padding:14px 14px 16px; }
  .wl-weiter-raster{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  
  .wl-aktionen{ flex-wrap:nowrap; gap:8px; }
  .wl-aktionen .cta-btn{ justify-content:center; white-space:nowrap; padding:11px 12px; font-size:13.5px; }
  .wl-aktionen .cta-btn.solid{ flex:1 1 auto; min-width:0; }
  .wl-cap{ font-size:13px; }
  .wl-pn-btn .wl-pn-name{ display:none; }
  .wl-pn-btn{ padding:10px 12px; }
  .wl-weiter-karte img{ width:104px; }
  .wl-weiter-kopf .wl-alle-klein{ display:none; }
}

.wl-lupe{ position:absolute; top:10px; right:10px; z-index:3; width:40px; height:40px; padding:0; border-radius:50%;
  display:grid; place-items:center; cursor:zoom-in; color:#fff; background:rgba(10,15,25,.62);
  border:1px solid rgba(255,255,255,.38); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  transition:background .15s ease, border-color .15s ease, transform .15s ease; }
.wl-lupe:hover{ background:rgba(10,15,25,.85); border-color:#fff; transform:scale(1.06); }
.wl-lupe:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
.wl-lupe .ico{ width:17px; height:17px; stroke:currentColor; fill:none; stroke-width:2.1; }

main .kp-zoom{ cursor:zoom-in; }
main .kp-zoom:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; }

.wl-held{ position:relative; display:block; }
.wl-held img, main .wl-held .kp-zoom{ cursor:pointer; }
.wl-held::after{ content:""; position:absolute; inset:0; background:rgba(10,15,25,0); transition:background .2s ease; pointer-events:none; }
@media (hover:hover) and (pointer:fine){
  .wl-held:hover::after{ background:rgba(10,15,25,.30); }
  .wl-held:hover .wl-go{ opacity:1; transform:translate(-50%,-50%) scale(1); }
}
.wl-held:focus-visible{ outline:2px solid var(--accent); outline-offset:-3px; }
.wl-held:focus-visible .wl-go{ opacity:1; }
.kp-hero2-fig .wl-lupe{ top:14px; right:14px; }

html.lbx-auf{ overflow:hidden; }

.lbx{ position:fixed; inset:0; z-index:400; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto;
  padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  color:#e8eef8; font-family:var(--sans); touch-action:none; overscroll-behavior:contain;
  -webkit-tap-highlight-color:transparent; }
.lbx[hidden]{ display:none; }

.lbx::before{ content:""; position:absolute; inset:0; z-index:-1; opacity:0;
  background:radial-gradient(circle, rgba(255,255,255,.075) 1px, transparent 1.3px) 0 0 / 22px 22px, rgba(7,11,19,.975);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); transition:opacity .24s ease; }
.lbx.ist-offen::before{ opacity:var(--lbx-deck, 1); }
.lbx-kopf, .lbx-fuss, .lbx-pfeil{ opacity:0; transition:opacity .22s ease .06s; }
.lbx.ist-offen .lbx-kopf, .lbx.ist-offen .lbx-fuss, .lbx.ist-offen .lbx-pfeil{ opacity:1; }

.lbx-kopf{ display:flex; align-items:center; gap:12px; min-height:44px; width:min(100%, 1320px); margin:0 auto; }
.lbx-pfad{ flex:1 1 auto; min-width:0; font-family:var(--mono); font-size:12.5px; letter-spacing:.04em; color:#8fb0ff;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lbx-taste{ flex:0 0 auto; font-family:var(--mono); font-size:11px; color:#97a3b6; border:1px solid rgba(255,255,255,.22);
  border-radius:var(--r); padding:3px 7px; }
.lbx-kopf .lbx-knopf{ flex:0 0 auto; }
.lbx-knopf{ display:grid; place-items:center; width:44px; height:44px; padding:0; cursor:pointer; color:#fff;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.22); border-radius:var(--r);
  transition:background .15s ease, border-color .15s ease, opacity .22s ease; }
.lbx-knopf:hover{ background:rgba(255,255,255,.13); border-color:#8fb0ff; }
.lbx-knopf:focus-visible, .lbx-zoom:focus-visible, .lbx-demo:focus-visible{ outline:2px solid #8fb0ff; outline-offset:2px; }
.lbx-knopf .ico{ width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:2; }
.lbx-knopf[disabled], .lbx.ist-offen .lbx-knopf[disabled]{ opacity:.26; cursor:default; background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.22); }

.lbx-buehne{ position:relative; display:grid; place-items:center; min-height:0; padding:14px 0; }
.lbx-fenster{ position:relative; margin:0; display:flex; flex-direction:column; max-width:100%;
  background:#0f1521; border:1px solid rgba(255,255,255,.16); border-radius:var(--r);
  box-shadow:0 40px 120px -40px rgba(0,0,0,.85); transform-origin:0 0; opacity:0; }
.lbx.ist-offen .lbx-fenster{ opacity:1; }
.lbx-leiste{ display:flex; align-items:center; gap:6px; height:32px; padding:0 4px 0 12px;
  border-bottom:1px solid rgba(255,255,255,.1); background:#141c2a; border-radius:var(--r) var(--r) 0 0; }
.lbx-leiste i{ width:8px; height:8px; border-radius:50%; display:block; flex:0 0 auto; }
.lbx-leiste i:nth-child(1){ background:#e0655b; } .lbx-leiste i:nth-child(2){ background:#e3b341; } .lbx-leiste i:nth-child(3){ background:#3fb950; }
.lbx-datei{ flex:1 1 auto; min-width:0; margin-left:8px; font-family:var(--mono); font-size:11px; color:#97a3b6;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lbx-zoom{ display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 9px; cursor:pointer;
  font-family:var(--mono); font-size:11px; color:#c3cede; background:transparent; border:1px solid transparent; border-radius:var(--r); }
.lbx-zoom:hover{ color:#fff; border-color:rgba(255,255,255,.2); }
.lbx-zoom[aria-pressed="true"]{ color:#8fb0ff; border-color:rgba(143,176,255,.45); }
.lbx-zoom .ico{ width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2.1; }
.lbx-bild{ position:relative; overflow:hidden; display:grid; place-items:center; background:#0b1019;
  border-radius:0 0 var(--r) var(--r); }
.lbx-bild img{ display:block; width:auto; height:auto; max-width:min(1320px, calc(100vw - 196px)); max-height:calc(100svh - 250px);
  user-select:none; -webkit-user-select:none; -webkit-user-drag:none; cursor:zoom-in;
  transition:opacity .18s ease, transform .24s cubic-bezier(.2,.7,.2,1); }
.lbx-bild img.raus-links{ opacity:0; transform:translateX(-28px); }
.lbx-bild img.raus-rechts{ opacity:0; transform:translateX(28px); }

.lbx-bild.ist-zoom{ overflow:auto; place-items:start; touch-action:pan-x pan-y; overscroll-behavior:contain; cursor:grab; scrollbar-width:thin; }
.lbx-bild.ist-zoom img{ max-width:none; max-height:none; cursor:zoom-out; transition:none; }
.lbx-bild.ist-zoom.zieht{ cursor:grabbing; }

.lbx-ecke{ position:absolute; width:7px; height:7px; background:var(--accent); pointer-events:none; }
.lbx-ecke.e1{ left:-4px; top:-4px; } .lbx-ecke.e2{ right:-4px; top:-4px; }
.lbx-ecke.e3{ left:-4px; bottom:-4px; } .lbx-ecke.e4{ right:-4px; bottom:-4px; }

.lbx-fuss{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"stand cap demo";
  align-items:center; gap:10px 22px; width:min(100%, 1320px); margin:0 auto; padding-top:2px; }
.lbx-cap{ grid-area:cap; margin:0; font-size:15.5px; line-height:1.45; color:#dfe6f2; }
.lbx-stand{ grid-area:stand; display:flex; align-items:center; gap:12px; }
.lbx-zahl{ font-family:var(--mono); font-size:13px; letter-spacing:.06em; color:#c3cede; white-space:nowrap; }
.lbx-segmente{ display:flex; gap:5px; }
.lbx-segmente i{ display:block; width:18px; height:3px; border-radius:99px; background:rgba(255,255,255,.22);
  transition:background .2s ease, width .2s ease; }
.lbx-segmente i.on{ width:30px; background:#8fb0ff; }
.lbx-demo{ grid-area:demo; white-space:nowrap; }
.lbx-demo[hidden]{ display:none; }

.lbx-pfeil{ position:fixed; top:50%; width:52px; height:52px; margin-top:-26px; z-index:2; }
.lbx-vor{ left:max(18px, env(safe-area-inset-left)); }
.lbx-nach{ right:max(18px, env(safe-area-inset-right)); }
.lbx-nach .ico{ transform:scaleX(-1); }
.lbx.ein-bild .lbx-pfeil, .lbx.ein-bild .lbx-stand{ display:none; }
.lbx-ansage{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

@media (max-width:920px){
  .lbx-taste{ display:none; }
  .lbx-fuss{ grid-template-columns:48px minmax(0,1fr) 48px; grid-template-areas:"vor stand nach" "cap cap cap" "demo demo demo"; gap:12px 10px; }
  .lbx.ein-bild .lbx-fuss{ grid-template-areas:"cap cap cap" "demo demo demo"; }
  .lbx-pfeil{ position:static; width:48px; height:48px; margin:0; }
  .lbx-vor{ grid-area:vor; } .lbx-nach{ grid-area:nach; }
  .lbx-stand{ justify-self:center; flex-direction:column; gap:7px; }
  .lbx-cap{ font-size:14.5px; text-align:center; }
  .lbx-demo{ justify-content:center; }
  .lbx-bild img{ max-width:calc(100vw - 34px); max-height:calc(100svh - 340px); }
  .lbx-buehne{ padding:10px 0; }
}
@media (hover:none){ .lbx-taste{ display:none; } }

@media (max-width:560px){ .lbx-pfad-vor{ display:none; } }

@media (prefers-reduced-motion: reduce){
  .wl-lupe, .wl-held::after, .wl-held .wl-go, .lbx::before, .lbx-kopf, .lbx-fuss, .lbx-pfeil, .lbx-knopf, .lbx-bild img, .lbx-segmente i{ transition:none !important; }
  .wl-lupe:hover{ transform:none; }
}

.wl-weiter-kopf h2{ font-weight:400; letter-spacing:-.01em; }
.wl-name{ font-weight:500; }
.wl-lead{ font-weight:300; }
.wl-cap{ font-weight:300; }
.wl-go{ font-weight:600; }

@media (max-width:920px){ .wl-liste .wl-cap{ display:none; } }