<!DOCTYPE html>
<html itemtype="http://schema.org/WebPage" lang="de-CH">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
	<meta name="author" content="meeForms.com and Florian Sax sax(at)properform.ch" />
	<meta name="copyright" content="meeForms.com and properform.ch" />
	<meta name="description" content="meeForms.com" />
	<meta http-equiv="content-language" content="de-CH" />
	<meta name="robots" content="index,follow" />
	<meta name="revisit-after" content="3 days" />
	<meta name="keywords" content="Schima
Veränderbar
Transformierbar
Drehbar
Würfel
Form
3 Drei Dimensional
Räumlich
Spielzeug
Puzzle
Zusammensetzbar
Modern
mutierbar
transformation
mutation
neuer zauberwürfel

" />
	<link rel="canonical" href="https://www.meeforms.ch/call/content/images/style.css" />
	<title>meeForms.com</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" type="text/css" href="images/style.css" />
	<link rel="shortcut icon" href="favicon.ico" />
	<script src="call/javascript.js"></script>
</head>
<body>

<div id="bodyFog"></div>
<div id="dialogFrame" style="display:none;">
	<a name="dialog" style="margin-top: 1em;"></a>
	<div class="bar">
		<span class=buttonX onmouseover="var im = this.getElementsByTagName( 'img')[0]; im.src = im.src.split('cross_gray.').join('cross.');" onmouseout="var im = this.getElementsByTagName( 'img')[0]; im.src = im.src.split('cross.').join('cross_gray.');" onclick="hideDialog();" title="Schliessen [Esc]">
		<img src="images/icon/cross_gray.png" alt="X" />
		</span>
		<span id="dialogTitle">&nbsp;</span>
	</div>
	<div id="dialogContainer"></div>
</div>

<img id="headSpiral" src="images/spiral.png" alt="" style="position: absolute; left: 80px; top: -50px; z-index: 1;" onmouseover="hideSpiral( this);" onmousemove="hideSpiral( this);" />

<center id="mainCenterAlignment">
<div id="topBar">
	<li class="box" onclick="document.location = 'impressum';">
		<a href="impressum" style="display:block;width:100%;height:100%;text-shadow:none;">
			<big><b>meeForms.com</b></big><br/>
		</a>
	</li>
	<li class="box" onclick="document.location = './';">
		<a href="./" class="logo">
			<img src="images/logo.80.png" alt="meeForms.com" />
		</a>
	</li>
	<li class="box" onclick="document.location = 'Contact';">
		<a href="Contact"></a>
		Tel: <a href="tel:+41 76 408 10 61">+41 76 408 10 61</a><br/>
		Email: info<span>&#64;</span>meeForms.com
	</li>
	<div style="display:none;">
Schima
Veränderbar
Transformierbar
Drehbar
Würfel
Form
3 Drei Dimensional
Räumlich
Spielzeug
Puzzle
Zusammensetzbar
Modern
mutierbar
transformation
mutation
neuer zauberwürfel


	</div>
</div>

<a id="hamburgerButton" onclick="showNav();"></a>
<div id="navigation" class="navigation">
<li><a href="./">shima video</a><ul>
</ul></li>
<li><a href="aus alt wird neu">aus alt wird neu</a><ul>
</ul></li>
<li><a href="shima_shapes">shima formen</a><ul>
</ul></li>
<li><a href="shima_prospekt">shima prospekt</a><ul>
</ul></li>
<li><a href="shima_bestellen">shima bestellen</a><ul>
</ul></li>
<li><a href="impressum">kontakt / impressum</a><ul>
</ul></li>
<li style="margin-right:0"><a href="Warenkorb" id="basket_preview"></a></li>







</div>

<div id="SAXmlFrame_content">
<video id="videoPlayer"
	class="fsElem video-js"
	data-setup='{ "techOrder": ["vlc"] }'
	style="width:100%;" controls autoplay loop muted>
	<source src="content/shima/recoded.mov" />
	<source src="content/shima/shima.mp4" type="video/mp4" />
	<source src="content/shima/shima bauanleitung.360.mov" type="video/mov" />
</video>

<a class="button" onclick="
byId( 'videoPlayer').src = 'content/shima/recoded.mov';
">Shima</a>
<a class="button" onclick="
byId( 'videoPlayer').src = 'content/shima/shima.mp4';
">Space</a>
<a class="button" onclick="
byId( 'videoPlayer').src = 'content/shima/shima bauanleitung.360.mov';
">Bauanleitung</a>
<style>
div#SAXmlFrame_content video {}
div#SAXmlFrame_content {
	padding: 0;
	overflow: hidden;
}
</style>

<br/>
<div style="text-align: center;">
<br style="clear:both;" />
<br/>
<img src="images/shima.80.png" alt="shima" /><br/>

<a href="shima_shapes">formen</a><br/>
<a href="shima_prospekt">prospekt</a><br/>
<a href="shima_bauanleitung">bauanleitung</a><br/>
<a href="product-Shima+Metall">aus metall</a><br/>
<a href="shima_bestellen">bestellen</a><br/>
</div>

<div id="productList">

<br>

<div style="padding: 30px;">

<br/>
<a href="product-Shima+Metall" class="prod">
	<span>Shima Metall</span>
	<img src="product-Shima Metall.jpg" alt="" align="top" />
</a><a href="product-Shima+Kunststoff" class="prod">
	<span>Shima Kunststoff</span>
	<img src="product-Shima Kunststoff.jpg" alt="" align="top" />
</a>
</div>
</div>


<script>
(function(){
	var pros = byId( "productList").getElementsByTagName( "a");
	for( var i = 0; i < pros.length; i++){
		var im = pros[i].getElementsByTagName( "img")[0];
	}
})();
</script>
<style>

div#productList {
	text-align: center;
}
div#productList h2 {
	text-align: left;
}

div#productList a {
	display: inline-block;
	width: 290px;
	text-align: center;
	box-shadow: 0 0 1px gray;
	border-radius: 5px;
	margin: 0 10px 20px 10px;
	background: white;
	position: relative;
	height: 220px;
	overflow: hidden;
	line-height: 184px;
}
div#productList a span {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	border-top: 1px solid #d0bb55;
	border-radius: 0 0 5px 5px;
	background: white;
	font-size: 16px;
	line-height: 28px;
	color: black;
	z-index: 1;
}

div#productList a img {
	max-width: 290px;
	max-height: 220px;
	vertical-align: bottom;
    animation-duration: 200ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
	animation-name: zoom2;
	transform-origin: 50% 50%;
}
diasabled div#productList a:hover img {
    animation-duration: 1000ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
	animation-name: zoom3;
	transform: scale(2);
	animation-direction: normal;
}

@keyframes zoom2 {
	0% {
		transform: scale(2);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes zoom3 {
	0% {
		transform: scale(1);
		transform-origin: 50% 50%;
	}
	50% {
		transform-origin: 50% 50%;
	}
	100% {
		transform: scale(2);
		transform-origin: 50% 50%;
	}
}

</style>
</div>

<div id="footer" style="">

	This is a <a target="_blank" href="//www.properform.ch/">properform.ch</a> creation
	-
	&copy; copyright 2021 <a href="//www.meeForms.com/">meeForms.com</a>
</div>

</center>


<div style="display:none;">
Schima
Veränderbar
Transformierbar
Drehbar
Würfel
Form
3 Drei Dimensional
Räumlich
Spielzeug
Puzzle
Zusammensetzbar
Modern
mutierbar
transformation
mutation
neuer zauberwürfel




</div>

<textarea id="sizeCSS_template" style="display: none;">
#contentContainer .contentContainer {
	height: __h2__px;
}
#pageContainer,
#contentContainer {
	height: __h__px;
}
</textarea>
<div id="places"></div>
<script type="text/javascript">

(function(){
	window.hideSpiral = function( el){
		el.style.zIndex = 1;
		el.to = setTimeout( function(){
			clearTimeout( el.to);
			el.style.zIndex = 0;
		}, 1000);
	};
	window.onload = function( e){
		basket.update();
		activateAll();
	};
	
	var cel = byId( "SAXmlFrame_content");

	var h = cel.getElementsByTagName( "h1");
	if( h.length){
		document.title = document.title.split( " - ")[0]+" - "+h[0].textContent;
	}
	byId( "places").style.display = 'none';
})();

</script>

</body>
</html>
