@-webkit-keyframes pulsate{0%,to{opacity:1}50%{opacity:.2}}@keyframes pulsate{0%,to{opacity:1}50%{opacity:.2}}#spotlight,#spotlight .preloader{top:0;width:100%;height:100%;opacity:0}#spotlight{z-index:99999;color:#fff;background-color:#000;visibility:hidden;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:visibility .25s ease,opacity .25s ease;transition:visibility .25s ease,opacity .25s ease;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;contain:layout size paint style;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent;position:fixed}#spotlight.show{opacity:1;visibility:visible;-webkit-transition:none;transition:none}#spotlight.show .pane,#spotlight.show .scene{will-change:transform}#spotlight.show .scene img{will-change:transform,opacity}#spotlight .preloader{position:absolute;background-position:center center;background-repeat:no-repeat;background-size:42px 42px}#spotlight .preloader.show{-webkit-transition:opacity .1s linear .25s;transition:opacity .1s linear .25s;opacity:1}#spotlight .scene{-webkit-transition:-webkit-transform 1s cubic-bezier(.1,1,.1,1);transition:-webkit-transform 1s cubic-bezier(.1,1,.1,1);transition:transform 1s cubic-bezier(.1,1,.1,1);transition:transform 1s cubic-bezier(.1,1,.1,1),-webkit-transform 1s cubic-bezier(.1,1,.1,1);pointer-events:none}#spotlight .scene img{display:inline-block;position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;opacity:1;margin:0;padding:0;border:0;-webkit-transform:translate(-50%,-50%) scale(1) perspective(100vw);transform:translate(-50%,-50%) scale(1) perspective(100vw);-webkit-transition:opacity 1s cubic-bezier(.3,1,.3,1),-webkit-transform 1s cubic-bezier(.1,1,.1,1);transition:opacity 1s cubic-bezier(.3,1,.3,1),-webkit-transform 1s cubic-bezier(.1,1,.1,1);transition:transform 1s cubic-bezier(.1,1,.1,1),opacity 1s cubic-bezier(.3,1,.3,1);transition:transform 1s cubic-bezier(.1,1,.1,1),opacity 1s cubic-bezier(.3,1,.3,1),-webkit-transform 1s cubic-bezier(.1,1,.1,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;contain:layout paint style;visibility:hidden}#spotlight .header,#spotlight .pane,#spotlight .scene{position:absolute;top:0;width:100%;height:100%;contain:layout size style}#spotlight .header{height:50px;text-align:right;background-color:rgba(0,0,0,.45);-webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-transition:-webkit-transform .35s ease-out;transition:-webkit-transform .35s ease-out;transition:transform .35s ease-out;transition:transform .35s ease-out,-webkit-transform .35s ease-out;contain:layout size paint style}#spotlight .header:hover,#spotlight.menu .header{-webkit-transform:translateY(0);transform:translateY(0)}#spotlight .header div{display:inline-block;vertical-align:middle;white-space:nowrap;width:30px;height:50px;padding-right:55px;opacity:.5}#spotlight .progress{position:absolute;top:0;width:100%;height:3px;background-color:rgba(255,255,255,.45);-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 1s linear;transition:-webkit-transform 1s linear;transition:transform 1s linear;transition:transform 1s linear,-webkit-transform 1s linear}#spotlight .arrow,#spotlight .footer{position:absolute;background-color:rgba(0,0,0,.45)}#spotlight .footer{left:0;right:0;bottom:0;line-height:1.35em;padding:20px 25px;text-align:left;pointer-events:none;contain:layout paint style}#spotlight .footer .title{font-size:125%;padding-bottom:10px}#spotlight .page{float:left;width:auto;padding-left:20px;line-height:50px}#spotlight .icon{cursor:pointer;background-position:left center;background-repeat:no-repeat;background-size:21px 21px;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}#spotlight .fullscreen{background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../icons/maximize.svg)}#spotlight .fullscreen.on{background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../icons/minimize.svg)}#spotlight .autofit{background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../icons/autofit.svg)}#spotlight .zoom-out{background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../icons/zoom-out.svg)}#spotlight .zoom-in{background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../icons/zoom-in.svg)}#spotlight .theme{background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../icons/theme.svg)}#spotlight .player{background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../icons/play.svg)}#spotlight .player.on{background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../icons/pause.svg);-webkit-animation:pulsate 1s ease infinite;animation:pulsate 1s ease infinite}#spotlight .close{background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../icons/close.svg)}#spotlight .preloader.show{background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../img/preloader.svg)}#spotlight .arrow{top:50%;left:20px;width:50px;height:50px;border-radius:100%;cursor:pointer;margin-top:-25px;padding:10px;-webkit-transform:translateX(-100px);transform:translateX(-100px);-webkit-transition:opacity .2s ease-out,-webkit-transform .35s ease-out;transition:opacity .2s ease-out,-webkit-transform .35s ease-out;transition:transform .35s ease-out,opacity .2s ease-out;transition:transform .35s ease-out,opacity .2s ease-out,-webkit-transform .35s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:center center;background-repeat:no-repeat;background-size:30px 30px;opacity:.65;background-image:url(//www.flexmakler.de/wp-content/plugins/wl-api-connector/frontend/templates/wordliner-twentyone/assets/css/../icons/arrow.svg)}#spotlight .arrow-right{left:auto;right:20px;-webkit-transform:translateX(100px) scaleX(-1);transform:translateX(100px) scaleX(-1)}#spotlight.menu .arrow-left{-webkit-transform:translateX(0);transform:translateX(0)}#spotlight.menu .arrow-right{-webkit-transform:translateX(0) scaleX(-1);transform:translateX(0) scaleX(-1)}#spotlight .arrow:active,#spotlight .arrow:hover,#spotlight .icon:active,#spotlight .icon:hover{opacity:1;-webkit-animation:none;animation:none}#spotlight.white{color:#fff;background-color:#fff}#spotlight.white .arrow,#spotlight.white .footer,#spotlight.white .header,#spotlight.white .preloader,#spotlight.white .progress{-webkit-filter:invert(1);filter:invert(1)}.hide-scrollbars{overflow:-moz-hidden-unscrollable;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{width:0}#spotlight .title{color:#fff}@media (max-width:800px){#spotlight .header div{width:20px}#spotlight .footer{font-size:12px}#spotlight .arrow{width:35px;height:35px;margin-top:-17.5px;background-size:15px 15px}#spotlight .preloader{background-size:30px 30px}}@media (max-width:400px),(max-height:400px){#spotlight .fullscreen{display:none !important}}