Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <html lang="de-DE" itemscope="" itemtype="http://schema.org/WebPage"><head>
	<meta charset="UTF-8">
	<link rel="profile" href="http://gmpg.org/xfn/11">

	<title>Super Mario Ristorante – Familie Frappietro</title>
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//s.w.org">
<link rel="alternate" type="application/rss+xml" title="Super Mario Ristorante » Feed" href="http://www.super-mario-ristorante.ch/feed/">
<link rel="alternate" type="application/rss+xml" title="Super Mario Ristorante » Kommentar-Feed" href="http://www.super-mario-ristorante.ch/comments/feed/">
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.super-mario-ristorante.ch\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.1"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56794,8205,9794,65039],[55358,56794,8203,9794,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script><script src="http://www.super-mario-ristorante.ch/wp-includes/js/wp-emoji-release.min.js?ver=4.9.1" type="text/javascript" defer=""></script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel="stylesheet" id="dashicons-css" href="http://www.super-mario-ristorante.ch/wp-includes/css/dashicons.min.css?ver=4.9.1" type="text/css" media="all">
<link rel="stylesheet" id="admin-bar-css" href="http://www.super-mario-ristorante.ch/wp-includes/css/admin-bar.min.css?ver=4.9.1" type="text/css" media="all">
<link rel="stylesheet" id="layerslider-front-css" href="http://www.super-mario-ristorante.ch/wp-content/plugins/LayerSlider/static/public/front.css?ver=6.1.0" type="text/css" media="all">
<link rel="stylesheet" id="layerslider-css" href="http://www.super-mario-ristorante.ch/wp-content/plugins/LayerSlider/static/layerslider/css/layerslider.css?ver=6.1.0" type="text/css" media="all">
<link rel="stylesheet" id="ls-google-fonts-css" href="http://fonts.googleapis.com/css?family=Lato:100,300,regular,700,900%7COpen+Sans:300%7CIndie+Flower:regular%7COswald:300,regular,700&amp;subset=latin%2Clatin-ext" type="text/css" media="all">
<link rel="stylesheet" id="contact-form-7-css" href="http://www.super-mario-ristorante.ch/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.6.1" type="text/css" media="all">
<link rel="stylesheet" id="rs-plugin-settings-css" href="http://www.super-mario-ristorante.ch/wp-content/plugins/revslider/public/assets/css/settings.css?ver=5.3.1.5" type="text/css" media="all">
<style id="rs-plugin-settings-inline-css" type="text/css">
#rs-demo-id {}
</style>
<link rel="stylesheet" id="font-awesome-css" href="http://www.super-mario-ristorante.ch/wp-content/themes/oceanwp/assets/css/third/font-awesome.min.css?ver=4.7.0" type="text/css" media="all">
<link rel="stylesheet" id="simple-line-icons-css" href="http://www.super-mario-ristorante.ch/wp-content/themes/oceanwp/assets/css/third/simple-line-icons.min.css?ver=2.4.0" type="text/css" media="all">
<link rel="stylesheet" id="magnific-popup-css" href="http://www.super-mario-ristorante.ch/wp-content/themes/oceanwp/assets/css/third/magnific-popup.min.css?ver=1.0.0" type="text/css" media="all">
<link rel="stylesheet" id="oceanwp-style-css" href="http://www.super-mario-ristorante.ch/wp-content/themes/oceanwp/assets/css/style.min.css?ver=1.4.11" type="text/css" media="all">
<link rel="stylesheet" id="oceanwp-google-font-roboto-css" href="//fonts.googleapis.com/css?family=Roboto%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C100i%2C200i%2C300i%2C400i%2C500i%2C600i%2C700i%2C800i%2C900i&amp;subset=latin&amp;ver=4.9.1" type="text/css" media="all">
<link rel="stylesheet" id="fusion-builder-shortcodes-css" href="http://www.super-mario-ristorante.ch/wp-content/plugins/fusion-builder/css/fusion-shortcodes.min.css?ver=1.0.3" type="text/css" media="all">
<link rel="stylesheet" id="elementor-icons-css" href="http://www.super-mario-ristorante.ch/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=1.9.2" type="text/css" media="all">
<link rel="stylesheet" id="elementor-animations-css" href="http://www.super-mario-ristorante.ch/wp-content/plugins/elementor/assets/css/animations.min.css?ver=1.9.2" type="text/css" media="all">
<link rel="stylesheet" id="elementor-frontend-css" href="http://www.super-mario-ristorante.ch/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=1.9.2" type="text/css" media="all">
<link rel="stylesheet" id="elementor-global-css" href="http://www.super-mario-ristorante.ch/wp-content/uploads/elementor/css/global.css?ver=1515685367" type="text/css" media="all">
<link rel="stylesheet" id="elementor-post-821-css" href="http://www.super-mario-ristorante.ch/wp-content/uploads/elementor/css/post-821.css?ver=1516118860" type="text/css" media="all">
<link rel="stylesheet" id="oe-widgets-style-css" href="http://www.super-mario-ristorante.ch/wp-content/plugins/ocean-extra/assets/css/widgets.css?ver=4.9.1" type="text/css" media="all">
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/LayerSlider/static/layerslider/js/greensock.js?ver=1.19.0"></script><style></style>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-includes/js/jquery/jquery.js?ver=1.12.4"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script>
<script type="text/javascript">
/* <![CDATA[ */
var LS_Meta = {"v":"6.1.0"};
/* ]]> */
</script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/LayerSlider/static/layerslider/js/layerslider.kreaturamedia.jquery.js?ver=6.1.0"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/LayerSlider/static/layerslider/js/layerslider.transitions.js?ver=6.1.0"></script>
<meta name="generator" content="Powered by LayerSlider 6.1.0 - Multi-Purpose, Responsive, Parallax, Mobile-Friendly Slider Plugin for WordPress.">
<!-- LayerSlider updates and docs at: https://layerslider.kreaturamedia.com -->
<link rel="https://api.w.org/" href="http://www.super-mario-ristorante.ch/wp-json/">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.super-mario-ristorante.ch/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.super-mario-ristorante.ch/wp-includes/wlwmanifest.xml"> 
<meta name="generator" content="WordPress 4.9.1">
<link rel="canonical" href="http://www.super-mario-ristorante.ch/">
<link rel="shortlink" href="http://www.super-mario-ristorante.ch/">
<link rel="alternate" type="application/json+oembed" href="http://www.super-mario-ristorante.ch/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.super-mario-ristorante.ch%2F">
<link rel="alternate" type="text/xml+oembed" href="http://www.super-mario-ristorante.ch/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.super-mario-ristorante.ch%2F&amp;format=xml">
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
	html { margin-top: 32px !important; }
	* html body { margin-top: 32px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 46px !important; }
		* html body { margin-top: 46px !important; }
	}
</style>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic%7CRoboto+Slab:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"><meta name="generator" content="Powered by Slider Revolution 5.3.1.5 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface.">
<link rel="icon" href="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/cropped-PNG-1-32x32.png" sizes="32x32">
<link rel="icon" href="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/cropped-PNG-1-192x192.png" sizes="192x192">
<link rel="apple-touch-icon-precomposed" href="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/cropped-PNG-1-180x180.png">
<meta name="msapplication-TileImage" content="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/cropped-PNG-1-270x270.png">
		<style type="text/css" id="wp-custom-css">
			@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,600");body{padding:0;margin:0}.more-pens{position:fixed;left:20px;bottom:20px;z-index:10;font-family:"Montserrat";font-size:12px}a.white-mode,a.white-mode:link,a.white-mode:visited,a.white-mode:active{font-family:"Montserrat";font-size:12px;text-decoration:none;background:#212121;padding:4px 8px;color:#f7f7f7}a.white-mode:hover,a.white-mode:link:hover,a.white-mode:visited:hover,a.white-mode:active:hover{background:#edf3f8;color:#212121}body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background:#000000}.title{z-index:10;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);font-family:"Montserrat";text-align:center;width:100%}.title h1{position:relative;color:#FFF;font-weight:100;font-size:90px;padding:0;margin:0;line-height:1;text-shadow:0 0 10px #ff006c,0 0 20px #ff006c,0 0 30px #ff006c,0 0 40px #ff417d,0 0 70px #ff417d,0 0 80px #ff417d,0 0 100px #ff417d,0 0 150px #ff417d}.title h1 span{font-weight:600;padding:0;margin:0;color:#FFFFFF}.title h3{font-weight:200;font-size:20px;padding:0;margin:0;line-height:1;color:#FFFFFF;letter-spacing:2px}.codepen-promotion:active,.codepen-promotion:hover,.codepen-promotion:link,.codepen-promotion:visited{position:absolute;display:block;width:200px;z-index:111;right:40px;bottom:40px}.codepen-promotion__image{width:100%}		</style>
	<!-- OceanWP CSS -->
<style type="text/css">
/* Header CSS */#site-header.has-header-media .overlay-header-media{background-color:rgba(0,0,0,0.5)}#site-logo #site-logo-inner a img,#site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:500px}#site-header #site-logo #site-logo-inner a img,#site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:500px}#site-navigation-wrap .dropdown-menu >li >a,#oceanwp-mobile-menu-icon a,#searchform-header-replace-close{color:#303030}#site-navigation-wrap .dropdown-menu >li >a:hover,#oceanwp-mobile-menu-icon a:hover,#searchform-header-replace-close:hover{color:#ffffff}/* Typography CSS */body{font-family:Roboto;font-weight:400;font-style:normal;text-transform:capitalize}#site-navigation-wrap .dropdown-menu >li >a,#site-header.full_screen-header .fs-dropdown-menu >li >a,#site-header.top-header #site-navigation-wrap .dropdown-menu >li >a,#site-header.center-header #site-navigation-wrap .dropdown-menu >li >a,#site-header.medium-header #site-navigation-wrap .dropdown-menu >li >a,#oceanwp-mobile-menu-icon a{font-family:Roboto;font-weight:300;font-style:normal;font-size:21px;letter-spacing:.2px;text-transform:uppercase}
</style><style id="fit-vids-style">.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style></head>

<body class="home page-template-default page page-id-821 logged-in admin-bar wp-custom-logo oceanwp-theme sidebar-mobile content-full-screen has-transparent-header no-header-border default-breakpoint page-header-disabled has-breadcrumbs no-margins elementor-default elementor-page elementor-page-821 customize-support" data-elementor-device-mode="desktop">

  <p data-height="300" data-theme-id="31191" data-slug-hash="eyKzgG" data-default-tab="result" data-user="plasm" data-embed-version="2" data-pen-title="STARDUST" class="codepen">See the Pen <a href="https://codepen.io/plasm/pen/eyKzgG/">STARDUST</a> by Marco Dell'Anna (<a href="https://codepen.io/plasm">@plasm</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
	
	<div id="outer-wrap" class="site clr">

		
		<div id="wrap" class="clr">

			
				<div id="transparent-header-wrap" class="clr">

<header id="site-header" class="transparent-header clr" data-height="74" itemscope="itemscope" itemtype="http://schema.org/WPHeader">

	
		
		<div id="site-header-inner" class="clr container">

			

<div id="site-logo" class="clr" itemscope="" itemtype="http://schema.org/Brand">

	
	<div id="site-logo-inner" class="clr">

		<a href="http://www.super-mario-ristorante.ch/" class="custom-logo-link" rel="home" itemprop="url"><img width="200" height="92" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/cropped-cropped-madrin-1-1.png" class="custom-logo" alt="Super Mario Ristorante" itemprop="logo" srcset="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/cropped-cropped-madrin-1-1.png 1x, http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/cropped-madrin-1-1.png 2x"></a>
	</div><!-- #site-logo-inner -->

	
	
</div><!-- #site-logo -->


			
						<div id="site-navigation-wrap" class="clr">
		
			
			
			<nav id="site-navigation" class="navigation main-navigation clr" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">

				<ul id="menu-menue-1" class="main-menu dropdown-menu sf-menu sf-js-enabled" style="touch-action: pan-y;"><li id="menu-item-831" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-821 current_page_item menu-item-831"><a href="http://www.super-mario-ristorante.ch/" class="menu-link"><span class="text-wrap">Home</span></a></li><li id="menu-item-829" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-829"><a href="http://www.super-mario-ristorante.ch/about-us/" class="menu-link"><span class="text-wrap">About Us</span></a></li><li class="search-toggle-li"><a href="#" class="site-search-toggle search-dropdown-toggle"><span class="icon-magnifier"></span></a></li></ul>
<div id="searchform-dropdown" class="header-searchform-wrap clr">
	
<form method="get" class="searchform" id="searchform" action="http://www.super-mario-ristorante.ch/">
	<input type="text" class="field" name="s" id="s" placeholder="Suche">
	</form></div><!-- #searchform-dropdown -->
			</nav><!-- #site-navigation -->

			
			
					</div><!-- #site-navigation-wrap -->
		
		
	
			
	<div id="oceanwp-mobile-menu-icon" class="clr">

		
		
		
		<a href="#" class="mobile-menu">
							<i class="fa fa-bars"></i>
							<span class="oceanwp-text">Menü</span>

						</a>

		
		
	</div><!-- #oceanwp-mobile-menu-navbar -->


		</div><!-- #site-header-inner -->

		
		
	
	
</header><!-- #site-header -->

	</div>

						
			<main id="main" class="site-main clr">

				
	
	<div id="content-wrap" class="container clr">

		
		<div id="primary" class="content-area clr">

			
			<div id="content" class="site-content clr">

				
				
<article class="single-page-article clr">

	
<div class="entry clr" itemprop="text">
				<div class="elementor elementor-821">
			<div class="elementor-inner">
				<div class="elementor-section-wrap">
							<section data-id="d37e156" class="elementor-element elementor-element-d37e156 elementor-section-stretched elementor-section-full_width elementor-section-height-full elementor-section-height-default elementor-section-items-middle elementor-section elementor-top-section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-element_type="section" style="width: 2114px; left: 0px;">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div data-id="6d84677" class="elementor-element elementor-element-6d84677 elementor-column elementor-col-100 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="4daa425" class="elementor-element elementor-element-4daa425 animated animated-slow elementor-widget elementor-widget-heading fadeIn" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;}" data-element_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Super Mario</h2>		</div>
				</div>
				<div data-id="43abdf8" class="elementor-element elementor-element-43abdf8 elementor-widget elementor-widget-html" data-element_type="html.default">
				<div class="elementor-widget-container">
			<div id="demo">
  <div id="logo">
    <p>GreenSock</p>
  </div> 
</div>		</div>
				</div>
				<div data-id="e5ba7b6" class="elementor-element elementor-element-e5ba7b6 animated elementor-widget elementor-widget-divider fadeInLeft" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-element_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator"></span>
		</div>
				</div>
				</div>
				<div data-id="ec7091c" class="elementor-element elementor-element-ec7091c animated animated-slow elementor-widget elementor-widget-text-editor fadeInDown" data-settings="{&quot;_animation&quot;:&quot;fadeInDown&quot;}" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>BENVENUTI</p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section data-id="a769bff" class="elementor-element elementor-element-a769bff elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div data-id="5d0b64f" class="elementor-element elementor-element-5d0b64f elementor-column elementor-col-50 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="afb4a72" class="elementor-element elementor-element-afb4a72 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>Restaurant</p></div>
				</div>
				</div>
				<div data-id="1dedf3f" class="elementor-element elementor-element-1dedf3f elementor-widget elementor-widget-heading" data-element_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Forward Brands</h2>		</div>
				</div>
				<div data-id="c2cf71e" class="elementor-element elementor-element-c2cf71e elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>Ich bin ein Textblock. Klicke den Bearbeiten-Button um diesen Text zu bearbeiten. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div data-id="f38f2a0" class="elementor-element elementor-element-f38f2a0 elementor-column elementor-col-50 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="4a8cea2" class="elementor-element elementor-element-4a8cea2 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>Restaurant</p></div>
				</div>
				</div>
				<div data-id="f4d9c5b" class="elementor-element elementor-element-f4d9c5b elementor-widget elementor-widget-heading" data-element_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Forward Brands</h2>		</div>
				</div>
				<div data-id="44d3ef0" class="elementor-element elementor-element-44d3ef0 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>Ich bin ein Textblock. Klicke den Bearbeiten-Button um diesen Text zu bearbeiten. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section data-id="7b0a61b" class="elementor-element elementor-element-7b0a61b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div data-id="d736fe9" class="elementor-element elementor-element-d736fe9 elementor-column elementor-col-100 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="2e63bf1" class="elementor-element elementor-element-2e63bf1 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>we are amazing</p></div>
				</div>
				</div>
				<div data-id="6694bc2" class="elementor-element elementor-element-6694bc2 elementor-widget elementor-widget-heading" data-element_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">We Bring Something Special</h2>		</div>
				</div>
				<div data-id="8cf5890" class="elementor-element elementor-element-8cf5890 elementor-widget elementor-widget-divider" data-element_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator"></span>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section data-id="b33cfed" class="elementor-element elementor-element-b33cfed elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div data-id="f9911b9" class="elementor-element elementor-element-f9911b9 elementor-column elementor-col-33 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="5842120" class="elementor-element elementor-element-5842120 elementor-view-framed elementor-shape-circle elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-icon-box" data-element_type="icon-box.default">
				<div class="elementor-widget-container">
			        <div class="elementor-icon-box-wrapper">
            <div class="elementor-icon-box-icon">
                <span class="elementor-icon elementor-animation-">
                    <i class="fa fa-tripadvisor"></i>
                </span>
            </div>
            <div class="elementor-icon-box-content">
                <h3 class="elementor-icon-box-title">
                    <span>Dies ist die Überschrift</span>
                </h3>
                <p class="elementor-icon-box-description">Klicke den Bearbeitungs-Button um diesen Text zu verändern.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>
            </div>
        </div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div data-id="860e751" class="elementor-element elementor-element-860e751 elementor-column elementor-col-33 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="72e0336" class="elementor-element elementor-element-72e0336 elementor-view-framed elementor-shape-circle elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-icon-box" data-element_type="icon-box.default">
				<div class="elementor-widget-container">
			        <div class="elementor-icon-box-wrapper">
            <div class="elementor-icon-box-icon">
                <span class="elementor-icon elementor-animation-">
                    <i class="fa fa-signal"></i>
                </span>
            </div>
            <div class="elementor-icon-box-content">
                <h3 class="elementor-icon-box-title">
                    <span>Dies ist die Überschrift</span>
                </h3>
                <p class="elementor-icon-box-description">Klicke den Bearbeitungs-Button um diesen Text zu verändern.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>
            </div>
        </div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div data-id="90c252c" class="elementor-element elementor-element-90c252c elementor-column elementor-col-33 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="5eae858" class="elementor-element elementor-element-5eae858 elementor-view-framed elementor-shape-circle elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-icon-box" data-element_type="icon-box.default">
				<div class="elementor-widget-container">
			        <div class="elementor-icon-box-wrapper">
            <div class="elementor-icon-box-icon">
                <span class="elementor-icon elementor-animation-">
                    <i class="fa fa-handshake-o"></i>
                </span>
            </div>
            <div class="elementor-icon-box-content">
                <h3 class="elementor-icon-box-title">
                    <span>Dies ist die Überschrift</span>
                </h3>
                <p class="elementor-icon-box-description">Klicke den Bearbeitungs-Button um diesen Text zu verändern.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>
            </div>
        </div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section data-id="94e7500" class="elementor-element elementor-element-94e7500 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-element_type="section">
						<div class="elementor-container elementor-column-gap-no">
				<div class="elementor-row">
				<div data-id="d0c07fb" class="elementor-element elementor-element-d0c07fb elementor-column elementor-col-100 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="0fcce14" class="elementor-element elementor-element-0fcce14 gallery-spacing-custom elementor-widget elementor-widget-image-gallery" data-element_type="image-gallery.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-gallery">
			<div id="gallery-1" class="gallery galleryid-821 gallery-columns-3 gallery-size-medium_large"><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a class="elementor-clickable gallery-lightbox" data-elementor-open-lightbox="default" data-elementor-lightbox-slideshow="0fcce14" href="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material-1-e1515969219159.jpg"><img width="768" height="447" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material-1-e1515969219159-768x447.jpg" class="attachment-medium_large size-medium_large" alt="" srcset="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material-1-e1515969219159-768x447.jpg 768w, http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material-1-e1515969219159-300x175.jpg 300w, http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material-1-e1515969219159-1024x596.jpg 1024w, http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material-1-e1515969219159.jpg 1280w" sizes="(max-width: 768px) 100vw, 768px"></a>
			</div></figure><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a class="elementor-clickable gallery-lightbox" data-elementor-open-lightbox="default" data-elementor-lightbox-slideshow="0fcce14" href="http://www.super-mario-ristorante.ch/wp-content/uploads/2017/10/Restaurant-e1515969526788.jpg"><img width="768" height="446" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2017/10/Restaurant-e1515969526788-768x446.jpg" class="attachment-medium_large size-medium_large" alt="" srcset="http://www.super-mario-ristorante.ch/wp-content/uploads/2017/10/Restaurant-e1515969526788-768x446.jpg 768w, http://www.super-mario-ristorante.ch/wp-content/uploads/2017/10/Restaurant-e1515969526788-300x174.jpg 300w, http://www.super-mario-ristorante.ch/wp-content/uploads/2017/10/Restaurant-e1515969526788-1024x595.jpg 1024w, http://www.super-mario-ristorante.ch/wp-content/uploads/2017/10/Restaurant-e1515969526788.jpg 1282w" sizes="(max-width: 768px) 100vw, 768px"></a>
			</div></figure><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a class="elementor-clickable gallery-lightbox" data-elementor-open-lightbox="default" data-elementor-lightbox-slideshow="0fcce14" href="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material.jpg"><img width="768" height="446" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material-768x446.jpg" class="attachment-medium_large size-medium_large" alt="" srcset="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material-768x446.jpg 768w, http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material-300x174.jpg 300w, http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material-1024x595.jpg 1024w, http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/website-material.jpg 1280w" sizes="(max-width: 768px) 100vw, 768px"></a>
			</div></figure>
		</div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section data-id="552b463" class="elementor-element elementor-element-552b463 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;opacity-fan&quot;,&quot;shape_divider_bottom&quot;:&quot;opacity-fan&quot;}" data-element_type="section" style="width: 2114px; left: 0px;">
					<div class="elementor-shape elementor-shape-top" data-negative="false">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.5 19.6" preserveAspectRatio="none">
	<path class="elementor-shape-fill" style="opacity:0.33" d="M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z"></path>
	<path class="elementor-shape-fill" style="opacity:0.33" d="M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z"></path>
	<path class="elementor-shape-fill" style="opacity:0.33" d="M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z"></path>
	<path class="elementor-shape-fill" d="M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z"></path>
</svg>		</div>
				<div class="elementor-shape elementor-shape-bottom" data-negative="false">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.5 19.6" preserveAspectRatio="none">
	<path class="elementor-shape-fill" style="opacity:0.33" d="M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z"></path>
	<path class="elementor-shape-fill" style="opacity:0.33" d="M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z"></path>
	<path class="elementor-shape-fill" style="opacity:0.33" d="M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z"></path>
	<path class="elementor-shape-fill" d="M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z"></path>
</svg>		</div>
					<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div data-id="b2a7bb4" class="elementor-element elementor-element-b2a7bb4 elementor-column elementor-col-100 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="2c437c5" class="elementor-element elementor-element-2c437c5 elementor-widget elementor-widget-heading" data-element_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">NO Experience needed</h2>		</div>
				</div>
				<div data-id="faf736f" class="elementor-element elementor-element-faf736f elementor-widget elementor-widget-divider" data-element_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator"></span>
		</div>
				</div>
				</div>
				<div data-id="d77089e" class="elementor-element elementor-element-d77089e elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>Ich bin ein Textblock. Klicke den Bearbeiten-Button um diesen Text zu bearbeiten. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p></div>
				</div>
				</div>
				<div data-id="8dcc82b" class="elementor-element elementor-element-8dcc82b elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="#" class="elementor-button-link elementor-button elementor-size-sm">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">Klick mich</span>
		</span>
					</a>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section data-id="60e8599" class="elementor-element elementor-element-60e8599 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" style="width: 2114px; left: 0px;">
						<div class="elementor-container elementor-column-gap-no">
				<div class="elementor-row">
				<div data-id="124ad5d" class="elementor-element elementor-element-124ad5d elementor-column elementor-col-50 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="bb1921a" class="elementor-element elementor-element-bb1921a elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>WE ARE AMAZING</p></div>
				</div>
				</div>
				<div data-id="7217617" class="elementor-element elementor-element-7217617 elementor-widget elementor-widget-heading" data-element_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">We Bring Something Special</h2>		</div>
				</div>
				<div data-id="ea1462d" class="elementor-element elementor-element-ea1462d elementor-widget elementor-widget-divider" data-element_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator"></span>
		</div>
				</div>
				</div>
				<div data-id="b3c85b9" class="elementor-element elementor-element-b3c85b9 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>Ich bin ein Textblock. Klicke den Bearbeiten-Button um diesen Text zu bearbeiten. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p></div>
				</div>
				</div>
				<div data-id="eb2da18" class="elementor-element elementor-element-eb2da18 elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="#" class="elementor-button-link elementor-button elementor-size-sm">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">Klick mich</span>
		</span>
					</a>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
				<div data-id="1f6fddf" class="elementor-element elementor-element-1f6fddf elementor-column elementor-col-50 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="6c038aa" class="elementor-element elementor-element-6c038aa elementor-widget elementor-widget-heading" data-element_type="heading.default">
				<div class="elementor-widget-container">
					</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section data-id="cde72e8" class="elementor-element elementor-element-cde72e8 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" style="width: 2114px; left: 0px;">
						<div class="elementor-container elementor-column-gap-no">
				<div class="elementor-row">
				<div data-id="44de12e" class="elementor-element elementor-element-44de12e elementor-column elementor-col-50 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="abacc0d" class="elementor-element elementor-element-abacc0d elementor-widget elementor-widget-heading" data-element_type="heading.default">
				<div class="elementor-widget-container">
					</div>
				</div>
						</div>
			</div>
		</div>
				<div data-id="66db0ac" class="elementor-element elementor-element-66db0ac elementor-column elementor-col-50 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="6064b34" class="elementor-element elementor-element-6064b34 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>we are amazing</p></div>
				</div>
				</div>
				<div data-id="d5e202c" class="elementor-element elementor-element-d5e202c elementor-widget elementor-widget-heading" data-element_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">We Bring Creativity</h2>		</div>
				</div>
				<div data-id="43d49fb" class="elementor-element elementor-element-43d49fb elementor-widget elementor-widget-divider" data-element_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator"></span>
		</div>
				</div>
				</div>
				<div data-id="7ff1009" class="elementor-element elementor-element-7ff1009 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default">
				<div class="elementor-widget-container">
					<div class="elementor-text-editor elementor-clearfix"><p>Ich bin ein Textblock. Klicke den Bearbeiten-Button um diesen Text zu bearbeiten. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p></div>
				</div>
				</div>
				<div data-id="6765810" class="elementor-element elementor-element-6765810 elementor-align-center elementor-widget elementor-widget-button" data-element_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="#" class="elementor-button-link elementor-button elementor-size-sm">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">Klick mich</span>
		</span>
					</a>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section data-id="f7fb3df" class="elementor-element elementor-element-f7fb3df elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div data-id="732a386" class="elementor-element elementor-element-732a386 elementor-column elementor-col-100 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="3cfbcef" class="elementor-element elementor-element-3cfbcef elementor-widget elementor-widget-heading" data-element_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Arbeitspartner</h2>		</div>
				</div>
				<div data-id="5652e9a" class="elementor-element elementor-element-5652e9a elementor-widget elementor-widget-divider" data-element_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator"></span>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section data-id="0492e83" class="elementor-element elementor-element-0492e83 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section" style="width: 2114px; left: 0px;">
						<div class="elementor-container elementor-column-gap-no">
				<div class="elementor-row">
				<div data-id="2acc7a4" class="elementor-element elementor-element-2acc7a4 elementor-column elementor-col-100 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="035d873" class="elementor-element elementor-element-035d873 elementor-widget elementor-widget-image-carousel" data-settings="{&quot;navigation&quot;:&quot;dots&quot;,&quot;autoplay_speed&quot;:3000,&quot;slides_to_scroll&quot;:&quot;2&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;direction&quot;:&quot;ltr&quot;}" data-element_type="image-carousel.default">
				<div class="elementor-widget-container">
					<div class="elementor-image-carousel-wrapper elementor-slick-slider" dir="ltr">
			<div class="elementor-image-carousel slick-dots-outside slick-initialized slick-slider slick-dotted" role="toolbar">
				<div aria-live="polite" class="slick-list draggable"><div class="slick-track" role="listbox" style="opacity: 1; width: 4560px; transform: translate3d(-2660px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-3" aria-hidden="true" tabindex="-1" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/Resinelli_SA_nuovo_logo_2014_JPEG-300x154.png" alt="Resinelli_SA_nuovo_logo_2014_JPEG"></figure></div><div class="slick-slide slick-cloned" data-slick-index="-2" aria-hidden="true" tabindex="-1" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/foodelux_color.png" alt="foodelux_color"></figure></div><div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/ita-559-300x96.png" alt="ita-559"></figure></div><div class="slick-slide" data-slick-index="0" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/S_VWeiss_Prozess_3C_V1-300x166.png" alt="S_VWeiss_Prozess_3C_V1"></figure></div><div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide01" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/logo-Ti-gel-.png" alt="logo-Ti-gel-"></figure></div><div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide02" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/logo_small.png" alt="logo_small"></figure></div><div class="slick-slide" data-slick-index="3" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide03" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/Resinelli_SA_nuovo_logo_2014_JPEG-300x154.png" alt="Resinelli_SA_nuovo_logo_2014_JPEG"></figure></div><div class="slick-slide slick-current slick-active" data-slick-index="4" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide04" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/foodelux_color.png" alt="foodelux_color"></figure></div><div class="slick-slide slick-active" data-slick-index="5" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide05" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/ita-559-300x96.png" alt="ita-559"></figure></div><div class="slick-slide slick-cloned slick-active" data-slick-index="6" aria-hidden="false" tabindex="-1" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/S_VWeiss_Prozess_3C_V1-300x166.png" alt="S_VWeiss_Prozess_3C_V1"></figure></div><div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" tabindex="-1" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/logo-Ti-gel-.png" alt="logo-Ti-gel-"></figure></div><div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" tabindex="-1" style="width: 380px;"><figure class="slick-slide-inner"><img class="slick-slide-image" src="http://www.super-mario-ristorante.ch/wp-content/uploads/2018/01/logo_small.png" alt="logo_small"></figure></div></div></div>			<ul class="slick-dots" style="display: block;" role="tablist"><li class="" aria-hidden="true" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><button type="button" data-role="none" role="button" tabindex="0">1</button></li><li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation01" id="slick-slide01" class=""><button type="button" data-role="none" role="button" tabindex="0">2</button></li><li aria-hidden="false" role="presentation" aria-selected="false" aria-controls="navigation02" id="slick-slide02" class="slick-active"><button type="button" data-role="none" role="button" tabindex="0">3</button></li></ul></div>
		</div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section data-id="747a20a" class="elementor-element elementor-element-747a20a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
				<div class="elementor-row">
				<div data-id="1fb5242" class="elementor-element elementor-element-1fb5242 elementor-column elementor-col-100 elementor-top-column" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
					<div class="elementor-widget-wrap">
				<div data-id="3222704" class="elementor-element elementor-element-3222704 elementor-widget elementor-widget-html" data-element_type="html.default">
				<div class="elementor-widget-container">
					</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
						</div>
			</div>
		</div>
			</div> 
</article>
				
			</div><!-- #content -->

			
		</div><!-- #primary -->

		
		
	</div><!-- #content-wrap -->

	

        </main><!-- #main -->

        
        
        
<footer id="footer" class="site-footer" itemscope="itemscope" itemtype="http://schema.org/WPFooter">

    
    <div id="footer-inner" class="clr">

        

<div id="footer-widgets" class="oceanwp-row clr">

	
	<div class="footer-widgets-inner container">

        			<div class="footer-box span_1_of_4 col col-1">
							</div><!-- .footer-one-box -->

							<div class="footer-box span_1_of_4 col col-2">
									</div><!-- .footer-one-box -->
						
							<div class="footer-box span_1_of_4 col col-3 ">
									</div><!-- .footer-one-box -->
			
							<div class="footer-box span_1_of_4 col col-4">
									</div><!-- .footer-box -->
			
		
	</div><!-- .container -->

	
</div><!-- #footer-widgets -->



<div id="footer-bottom" class="clr">

	
	<div id="footer-bottom-inner" class="container clr">

		
			<div id="footer-bottom-menu" class="navigation clr">
				<div class="menu-menue-1-container"><ul id="menu-menue-2" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-821 current_page_item menu-item-831"><a href="http://www.super-mario-ristorante.ch/">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-829"><a href="http://www.super-mario-ristorante.ch/about-us/">About Us</a></li>
</ul></div>
			</div><!-- #footer-bottom-menu -->

		
		
			<div id="copyright" class="clr" role="contentinfo">
				Copyright 2018 - OceanWP Theme by Nick - Designed by Super Mario Ristorante			</div><!-- #copyright -->

		
	</div><!-- #footer-bottom-inner -->

	
</div><!-- #footer-bottom -->

        
    </div><!-- #footer-inner -->

    
</footer><!-- #footer -->
                        
    </div><!-- #wrap -->

    
</div><!-- #outer-wrap -->



<a id="scroll-top" href="#"><span class="fa fa-angle-double-up"></span></a>


<div id="sidr-close">
	<a href="#" class="toggle-sidr-close">
		<i class="icon icon-close"></i><span class="close-text">Menü schließen</span>
	</a>
</div>
    
    
<div id="mobile-menu-search" class="clr">
	<form method="get" action="http://www.super-mario-ristorante.ch/" class="mobile-searchform">
		<input type="search" name="s" autocomplete="off" placeholder="Suche">
		<button type="submit" class="searchform-submit">
			<i class="icon icon-magnifier"></i>
		</button>
			</form>
</div><!-- .mobile-menu-search -->

<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-includes/js/admin-bar.min.js?ver=4.9.1"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20"></script>
<script type="text/javascript">
/* <![CDATA[ */
var _wpcf7 = {"recaptcha":{"messages":{"empty":"Bitte best\u00e4tige, dass du nicht eine Maschine bist."}}};
/* ]]> */
</script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.6.1"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js?ver=5.3.1.5"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js?ver=5.3.1.5"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-includes/js/imagesloaded.min.js?ver=3.2.0"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/themes/oceanwp/assets/js/third/magnific-popup.min.js?ver=1.4.11"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/themes/oceanwp/assets/js/third/lightbox.min.js?ver=1.4.11"></script>
<script type="text/javascript">
/* <![CDATA[ */
var oceanwpLocalize = {"isRTL":"","menuSearchStyle":"drop_down","sidrSource":"#sidr-close, #site-navigation, #mobile-menu-search","sidrDisplace":"1","sidrSide":"left","sidrDropdownTarget":"icon","verticalHeaderTarget":"icon","customSelects":".woocommerce-ordering .orderby, #dropdown_product_cat, .widget_categories select, .widget_archive select, .single-product .variations_form .variations select"};
/* ]]> */
</script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/themes/oceanwp/assets/js/main.min.js?ver=1.4.11"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-includes/js/wp-embed.min.js?ver=4.9.1"></script>
<!--[if lt IE 9]>
<script type='text/javascript' src='http://www.super-mario-ristorante.ch/wp-content/themes/oceanwp/assets/js//third/html5.min.js?ver=1.4.11'></script>
<![endif]-->
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/elementor/assets/lib/slick/slick.min.js?ver=1.6.0"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.1.0"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2"></script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/elementor/assets/lib/swiper/swiper.jquery.min.js?ver=3.4.2"></script>
<script type="text/javascript">
/* <![CDATA[ */
var elementorFrontendConfig = {"isEditMode":"","settings":{"page":[],"general":{"elementor_global_image_lightbox":"yes","elementor_enable_lightbox_in_editor":"yes"}},"is_rtl":"","urls":{"assets":"http:\/\/www.super-mario-ristorante.ch\/wp-content\/plugins\/elementor\/assets\/"},"post":{"id":821,"title":"Home","excerpt":""}};
/* ]]> */
</script>
<script type="text/javascript" src="http://www.super-mario-ristorante.ch/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=1.9.2"></script>
		<script>	
			jQuery(document).ready(function() {			
				
				if (jQuery('#wp-admin-bar-revslider-default').length>0 && jQuery('.rev_slider_wrapper').length>0) {
					var aliases = new Array();
					jQuery('.rev_slider_wrapper').each(function() {
						aliases.push(jQuery(this).data('alias'));
					});								
					if(aliases.length>0)
						jQuery('#wp-admin-bar-revslider-default li').each(function() {
							var li = jQuery(this),
								t = jQuery.trim(li.find('.ab-item .rs-label').data('alias')); //text()
								
							if (jQuery.inArray(t,aliases)!=-1) {
							} else {
								li.remove();
							}
						});
				} else {
					jQuery('#wp-admin-bar-revslider').remove();
				}
			});
		</script>
			<!--[if lte IE 8]>
		<script type="text/javascript">
			document.body.className = document.body.className.replace( /(^|\s)(no-)?customize-support(?=\s|$)/, '' ) + ' no-customize-support';
		</script>
	<![endif]-->
	<!--[if gte IE 9]><!-->
		<script type="text/javascript">
			(function() {
				var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');

						request = true;
		
				b[c] = b[c].replace( rcs, ' ' );
				// The customizer requires postMessage and CORS (if the site is cross domain)
				b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
			}());
		</script>
	<!--<![endif]-->
			<div id="wpadminbar" class="">
							<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Zur Werkzeugleiste springen</a>
						<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Werkzeugleiste" tabindex="0">
				<ul id="wp-admin-bar-root-default" class="ab-top-menu">
		<li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://www.super-mario-ristorante.ch/wp-admin/about.php"><span class="ab-icon"></span><span class="screen-reader-text">Über WordPress</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-default" class="ab-submenu">
		<li id="wp-admin-bar-about"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/about.php">Über WordPress</a>		</li></ul><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">
		<li id="wp-admin-bar-wporg"><a class="ab-item" href="https://de.wordpress.org/">WordPress.org</a>		</li>
		<li id="wp-admin-bar-documentation"><a class="ab-item" href="https://codex.wordpress.org/">Dokumentation</a>		</li>
		<li id="wp-admin-bar-support-forums"><a class="ab-item" href="https://de.wordpress.org/hilfe/">Support-Foren</a>		</li>
		<li id="wp-admin-bar-feedback"><a class="ab-item" href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a>		</li></ul></div>		</li>
		<li id="wp-admin-bar-site-name" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://www.super-mario-ristorante.ch/wp-admin/">Super Mario Ristorante</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-site-name-default" class="ab-submenu">
		<li id="wp-admin-bar-dashboard"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/">Dashboard</a>		</li></ul><ul id="wp-admin-bar-appearance" class="ab-submenu">
		<li id="wp-admin-bar-themes"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/themes.php">Themes</a>		</li>
		<li id="wp-admin-bar-widgets"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/widgets.php">Widgets</a>		</li>
		<li id="wp-admin-bar-menus"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/nav-menus.php">Menüs</a>		</li>
		<li id="wp-admin-bar-header" class="hide-if-customize"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/themes.php?page=custom-header">Header</a>		</li></ul></div>		</li>
		<li id="wp-admin-bar-customize" class="hide-if-no-customize"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/customize.php?url=http%3A%2F%2Fwww.super-mario-ristorante.ch%2F">Customizer</a>		</li>
		<li id="wp-admin-bar-updates"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/update-core.php" title="4 Plugin-Aktualisierungen"><span class="ab-icon"></span><span class="ab-label">4</span><span class="screen-reader-text">4 Plugin-Aktualisierungen</span></a>		</li>
		<li id="wp-admin-bar-comments"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/edit-comments.php"><span class="ab-icon"></span><span class="ab-label awaiting-mod pending-count count-0" aria-hidden="true">0</span><span class="screen-reader-text">0 Kommentare warten auf Freischaltung</span></a>		</li>
		<li id="wp-admin-bar-new-content" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://www.super-mario-ristorante.ch/wp-admin/post-new.php"><span class="ab-icon"></span><span class="ab-label">Neu</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-new-content-default" class="ab-submenu">
		<li id="wp-admin-bar-new-post"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/post-new.php">Beitrag</a>		</li>
		<li id="wp-admin-bar-new-media"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/media-new.php">Medien</a>		</li>
		<li id="wp-admin-bar-new-page"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/post-new.php?post_type=page">Seite</a>		</li>
		<li id="wp-admin-bar-new-avada_portfolio"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/post-new.php?post_type=avada_portfolio">Portfolio</a>		</li>
		<li id="wp-admin-bar-new-avada_faq"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/post-new.php?post_type=avada_faq">FAQ</a>		</li>
		<li id="wp-admin-bar-new-user"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/user-new.php">Benutzer</a>		</li>
		<li id="wp-admin-bar-ab-ls-add-new"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/admin.php?page=layerslider">LayerSlider</a>		</li></ul></div>		</li>
		<li id="wp-admin-bar-edit"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/post.php?post=821&amp;action=edit">Seite bearbeiten</a>		</li>
		<li id="wp-admin-bar-elementor_edit_page"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/post.php?post=821&amp;action=elementor">Mit Elementor bearbeiten</a>		</li>
		</ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">
		<li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="http://www.super-mario-ristorante.ch/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150"><label for="adminbar-search" class="screen-reader-text">Suchen</label><input type="submit" class="adminbar-button" value="Suchen"></form></div>		</li>
		<li id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item" aria-haspopup="true" href="http://www.super-mario-ristorante.ch/wp-admin/profile.php">Willkommen, <span class="display-name">supermarioristorante</span><img alt="" src="http://1.gravatar.com/avatar/df856813d646637ee2b672729fdd0d86?s=26&amp;d=mm&amp;r=g" srcset="http://1.gravatar.com/avatar/df856813d646637ee2b672729fdd0d86?s=52&amp;d=mm&amp;r=g 2x" class="avatar avatar-26 photo" height="26" width="26"></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-user-actions" class="ab-submenu">
		<li id="wp-admin-bar-user-info"><a class="ab-item" tabindex="-1" href="http://www.super-mario-ristorante.ch/wp-admin/profile.php"><img alt="" src="http://1.gravatar.com/avatar/df856813d646637ee2b672729fdd0d86?s=64&amp;d=mm&amp;r=g" srcset="http://1.gravatar.com/avatar/df856813d646637ee2b672729fdd0d86?s=128&amp;d=mm&amp;r=g 2x" class="avatar avatar-64 photo" height="64" width="64"><span class="display-name">supermarioristorante</span></a>		</li>
		<li id="wp-admin-bar-edit-profile"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-admin/profile.php">Profil bearbeiten</a>		</li>
		<li id="wp-admin-bar-logout"><a class="ab-item" href="http://www.super-mario-ristorante.ch/wp-login.php?action=logout&amp;_wpnonce=f2db535be0">Abmelden</a>		</li></ul></div>		</li></ul>			</div>
						<a class="screen-reader-shortcut" href="http://www.super-mario-ristorante.ch/wp-login.php?action=logout&amp;_wpnonce=f2db535be0">Abmelden</a>
					</div>

		
			<script type="text/javascript">

				/* OceanWP JS */
				var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){if(window.CP.shouldStopExecution(1)){break;}var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}
window.CP.exitedLoop(1);}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}
var particles=[];var microparticles=[];var c1=createCanvas({width:$(window).width(),height:$(window).height()});var tela=c1.canvas;var canvas=c1.context;$("body").append(c1.canvas);var Particle=function(){function Particle(canvas){_classCallCheck(this,Particle);this.random=Math.random();this.random1=Math.random();this.random2=Math.random();this.progress=0;this.canvas=canvas;this.life=1000+Math.random()*3000;this.x=$(window).width()/2+(Math.random()*20-Math.random()*20);this.y=$(window).height();this.s=2+Math.random();this.w=$(window).width();this.h=$(window).height();this.direction=this.random>.5?-1:1;this.radius=1+3*this.random;this.color="#ff417d";this.ID=setInterval(function(){microparticles.push(new microParticle(c1.context,{x:this.x,y:this.y}));}.bind(this),this.random*20);setTimeout(function(){clearInterval(this.ID);}.bind(this),this.life);}
_createClass(Particle,[{key:"render",value:function render(){this.canvas.beginPath();this.canvas.arc(this.x,this.y,this.radius,0,2*Math.PI);this.canvas.shadowOffsetX=0;this.canvas.shadowOffsetY=0;this.canvas.shadowColor="#000000";this.canvas.fillStyle=this.color;this.canvas.fill();this.canvas.closePath();}},{key:"move",value:function move(){this.x-=this.direction*Math.sin(this.progress/(this.random1*430))*this.s;this.y-=Math.cos(this.progress/this.h)*this.s;if(this.x<0||this.x>this.w-this.radius){clearInterval(this.ID);return false;}
if(this.y<0){clearInterval(this.ID);return false;}
this.render();this.progress++;return true;}}]);return Particle;}();var microParticle=function(){function microParticle(canvas,options){_classCallCheck(this,microParticle);this.random=Math.random();this.random1=Math.random();this.random2=Math.random();this.progress=0;this.canvas=canvas;this.x=options.x;this.y=options.y;this.s=2+Math.random()*3;this.w=$(window).width();this.h=$(window).height();this.radius=1+this.random*0.5;this.color="#4EFCFE";}
_createClass(microParticle,[{key:"render",value:function render(){this.canvas.beginPath();this.canvas.arc(this.x,this.y,this.radius,0,2*Math.PI);this.canvas.lineWidth=2;this.canvas.fillStyle=this.color;this.canvas.fill();this.canvas.closePath();}},{key:"move",value:function move(){this.x-=Math.sin(this.progress/(100/(this.random1-this.random2*10)))*this.s;this.y+=Math.cos(this.progress/this.h)*this.s;if(this.x<0||this.x>this.w-this.radius){return false;}
if(this.y>this.h){return false;}
this.render();this.progress++;return true;}}]);return microParticle;}();var random_life=1000;setInterval(function(){particles.push(new Particle(canvas));random_life=2000*Math.random();}.bind(this),random_life);function clear(){var grd=canvas.createRadialGradient(tela.width/2,tela.height/2,0,tela.width/2,tela.height/2,tela.width);grd.addColorStop(0,"rgba(82,42,114,1)");grd.addColorStop(1,"rgba(26,14,4,0)");canvas.globalAlpha=0.16;canvas.fillStyle=grd;canvas.fillRect(0,0,tela.width,tela.height);}
function blur(ctx,canvas,amt){}
function update(){clear();particles=particles.filter(function(p){return p.move();});microparticles=microparticles.filter(function(mp){return mp.move();});requestAnimationFrame(update.bind(this));}
function createCanvas(properties){var canvas=document.createElement('canvas');canvas.width=properties.width;canvas.height=properties.height;var context=canvas.getContext('2d');return{canvas:canvas,context:context};}
update();
			</script>

		
<div id="sidr" class="sidr left" style="transition: left 0.3s ease;"><div class="sidr-inner">
	<a href="#" class="sidr-class-toggle-sidr-close">
		<i class="sidr-class-icon icon-close"></i><span class="sidr-class-close-text">Menü schließen</span>
	</a>
</div><div class="sidr-inner">

				<ul id="sidr-id-menu-menue-1" class="sidr-class-main-menu sidr-class-dropdown-menu sidr-class-sf-menu"><li id="sidr-id-menu-item-831" class="sidr-class-menu-item sidr-class-menu-item-type-post_type sidr-class-menu-item-object-page sidr-class-menu-item-home sidr-class-current-menu-item sidr-class-page_item sidr-class-page-item-821 sidr-class-current_page_item sidr-class-menu-item-831"><a href="http://www.super-mario-ristorante.ch/" class="sidr-class-menu-link"><span class="sidr-class-text-wrap">Home</span></a></li><li id="sidr-id-menu-item-829" class="sidr-class-menu-item sidr-class-menu-item-type-post_type sidr-class-menu-item-object-page sidr-class-menu-item-829"><a href="http://www.super-mario-ristorante.ch/about-us/" class="sidr-class-menu-link"><span class="sidr-class-text-wrap">About Us</span></a></li><li class="sidr-class-search-toggle-li"><a href="#" class="sidr-class-site-search-toggle sidr-class-search-dropdown-toggle"><span class="icon-magnifier"></span></a></li></ul>
<div id="sidr-id-searchform-dropdown" class="sidr-class-header-searchform-wrap sidr-class-clr">
	
<form method="get" class="sidr-class-searchform" id="sidr-id-searchform" action="http://www.super-mario-ristorante.ch/">
	<input type="text" class="sidr-class-field" name="s" id="sidr-id-s" placeholder="Suche">
	</form></div><!-- #searchform-dropdown -->
			</div><div class="sidr-inner">
	<form method="get" action="http://www.super-mario-ristorante.ch/" class="sidr-class-mobile-searchform">
		<input type="search" name="s" autocomplete="off" placeholder="Suche">
		<button type="submit" class="sidr-class-searchform-submit">
			<i class="sidr-class-icon icon-magnifier"></i>
		</button>
			</form>
</div></div></body></html>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console