
<div id="screenshots" class="js_slides screenshots">
		<div class="frame js_frame">
			<ul class="slides js_slides gallery">
				<li class="js_slide  screenshot"><img src="/images/fon/DSC09960.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC09898.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC09892-ohne-Karte.jpg" alt="" ></li>
				<li class="js_slide screenshot "><img src="/images/fon/Screenshot_20211015-213151_OsmAnd~.png" alt=""></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC09891.jpg" alt="" ></li>
				<li class="js_slide screenshot"><img src="/images/fon/Screenshot_20211018-203310_Tor_Browser.png"></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC07936.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/Screenshot_20211124-134451_Trebuchet.png" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC07971.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/Screenshot_20211124-134517_Trebuchet.png" alt=""></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC07977.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC07999.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC08022.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC08037.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC08079.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC08095.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC08098.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC08101.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC08111.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC08118.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC09847.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC09876.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC09890.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC09965.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC09967.jpg" alt="" ></li>
				<li class="js_slide  screenshot"><img src="/images/fon/DSC09983.jpg" alt="" ></li>
     </ul>
   </div>
	 <span class="js_prev slider_nav prev" >
     <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5"><g><path fill="#2E435A" d="M302.67 90.877l55.77 55.508L254.575 250.75 358.44 355.116l-55.77 55.506L143.56 250.75z"/></g></svg>
   </span>
   <span class="js_next slider_nav next">
     <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5"><g><path fill="#2E435A" d="M199.33 410.622l-55.77-55.508L247.425 250.75 143.56 146.384l55.77-55.507L358.44 250.75z"/></g></svg>
   </span>

      <small>Beispielbilder. Farben und Form der Hülle zufällig. Installierte Apps variieren. Aktuelle Liste siehe unten.</small>
</div>
<script src="lory.min.js"></script>

<script>
	window.addEventListener('load', function () {
	    var slider = document.getElementById('screenshots');
	    if (slider == null) {
	        return;
	    }

	    // This class is used to display the entire slideshow differently if JS
	    // is enabled. The absense of the 'slider' class will force all images
	    // to be shown in a grid. The presence of it will show them inline and
	    // hide those which don't fit.
	    slider.className = slider.className + ' slider';

	    var toShow = slider.querySelectorAll('.slider_nav');
	    for (var i = 0; i < toShow.length; i ++) {
	        toShow[i].style.display = 'block';
	    }

	    lory(slider, {rewind: true, enableMouseEvents: true});
	});


</script>
