/* DK 12.10.: Werbebanden-Rotation (Hero). Ein Slot je Bande; darin das Streifenbild, so verschoben, dass nur die eigene Bande sichtbar ist. */
.br-layer{position:absolute;z-index:4;pointer-events:none;}
.br-slot{position:absolute;top:0;bottom:0;overflow:hidden;}
.br-pane{position:absolute;inset:0;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.65,0,.35,1);}
.br-pane.is-in{clip-path:inset(0 0 0 0);}
.br-pane.is-fade{clip-path:none;opacity:0;transition:opacity 1.4s cubic-bezier(.45,0,.55,1);}   /* DK 13.10.: sanftes Überblenden */
@media (prefers-reduced-motion:reduce){.br-pane.is-fade{transition-duration:.6s;}}
.br-pane.is-fade.is-in{opacity:1;}
.br-img{position:absolute;top:0;height:100%;left:var(--bx);width:var(--bw);background-size:100% 100%;background-repeat:no-repeat;}
.pi-bande-link.br-off{display:none !important;}
html.d67-idle .br-layer,html.r16-entering-training .br-layer,html.r16-entering-game .br-layer,.r7-hero.m1-idle .br-layer,html.d63-riding .br-layer,html.r7-playing .br-layer{opacity:0;transition:opacity .3s;}
@media print{.br-layer{display:none;}}
.br-link{position:absolute;inset:0;display:block;pointer-events:auto;-webkit-tap-highlight-color:transparent;z-index:1;border-radius:3px;}
.br-link[hidden]{display:none;}
.br-link:focus-visible{outline:3px solid #ffd21e;outline-offset:3px;}
@media (hover:hover){.br-link{cursor:pointer;}}
html.d67-idle .br-link,.r7-hero.m1-idle .br-link,html.d63-riding .br-link,html.r7-playing .br-link,html.r16-entering-training .br-link,html.r16-entering-game .br-link{display:none;}
