/* ==========================================================
   Stile fuer das animierte BAS-Tec-Logo (assets/bastec-logo.js)
   ----------------------------------------------------------
   Das Skript wuerde diese Regeln sonst als <style>-Block einfuegen -
   das verbietet die Inhalts-Richtlinie der Seite. Weil dieser
   <link> die Kennung "btl-stil" traegt, laesst das Skript das
   Einfuegen aus. Inhalt 1:1 aus Logo\tools\bastec-logo.vorlage.js
   (Seitenverhaeltnis 800 x 346).
   ========================================================== */
.btl-buehne{position:relative;width:100%;aspect-ratio:800/346;line-height:0}
.btl-buehne img{position:absolute;display:block;max-width:none;margin:0;padding:0;border:0;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform,opacity}
.btl-wartet img,.btl-wartet .btl-glanz{opacity:0}
[data-dunkel] .btl-schrift{filter:invert(1)}
.btl-glanz{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%) no-repeat;background-size:300% 100%;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.btl-kachel{position:absolute;background-repeat:no-repeat;will-change:transform,opacity}
[data-klick]{cursor:pointer}