<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>gruene-seele.bio</title>
		<meta name="description" content="" />
		<meta name="Author" content="" />

		<!-- mobile settings -->
		<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
		<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->

		<!-- WEB FONTS : use %7C instead of | (pipe) -->
		<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600%7CRaleway:300,400,500,600,700%7CLato:300,400,400italic,600,700" rel="stylesheet" type="text/css" />

		<!-- CORE CSS -->

		<!-- REVOLUTION SLIDER -->
		<link href="{{ asset('/assets/plugins/slider.revolution/css/extralayers.css') }}" rel="stylesheet" type="text/css" />
		<link href="{{ asset('/assets/plugins/slider.revolution/css/settings.css') }}" rel="stylesheet" type="text/css" />
		<link href="{{ asset('/assets/css/mystyle.css') }}" rel="stylesheet" type="text/css" />
		<link href="{{ asset('/assets/css/custom-style.css?v1') }}" rel="stylesheet" type="text/css" />
		<link href="{{ asset('assets/css/custom-forms-v2.css') }}" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="{{ asset('/css/cookieconsent.min.css') }}" />
		<script src="{{ asset('/js/cookieconsent.min.js') }}"></script>
		<script>
			window.addEventListener("load", function(){
				window.cookieconsent.initialise({
					"palette": {
						"popup": {
							"background": "#b5c49b",
							"text": "#ffffff"
						},
						"button": {
							"background": "#d7d700",
							"text": "#ffffff"
						}
					},
					"content": {
						"message": "{{__('This website uses cookies in order to guarantee the best possible service. With your visit to this site you agree to our use of cookies.') }}",
						"dismiss": "{{__('OK')}}",
						"link": "{{__('data protection')}}",
						"href": "{{ url('datenschutz') }}",
						"target": "_blank",
					}
				})});
		</script>
		<style type="text/css">

			.text-primary {
				color:#a5d0a5 !important;
			}
			div.side-nav ul.list-group-bordered > li.list-group-item.active > a:hover{
				color: #fff !important;
			}

		</style>

	</head>

	<body class="smoothscroll enable-animation">

		@yield('layout-content')
		<!-- SCROLL TO TOP -->
		<a href="#" id="toTop"></a>

		<!-- JAVASCRIPT FILES -->
		<script type="text/javascript">var plugin_path = "{{ url('/assets/plugins/').'/' }}"</script>
		<script type="text/javascript" src="{{ asset('/assets/plugins/jquery/jquery-2.2.3.min.js') }}"></script>
		<script type="text/javascript" src="{{ asset('/assets/js/scripts.js') }}"></script>
		{{--<script type="text/javascript" src="{{ asset('/assets/js/jquery.contact-form.js') }}"></script> --}}
		<!-- REVOLUTION SLIDER -->
		<script type="text/javascript" src="{{ asset('/assets/plugins/slider.revolution/js/jquery.themepunch.tools.min.js') }}"></script>
		<script type="text/javascript" src="{{ asset('/assets/plugins/slider.revolution/js/jquery.themepunch.revolution.min.js') }}"></script>
		<script type="text/javascript" src="{{ asset('/assets/js/view/demo.revolution_slider.js') }}"></script>
	@yield('scripts')
	<script>
        /** CHECKOUT
         ** *********************** **/
        // New Account show|hide
        jQuery("#accountswitch").bind("click", function() {
            jQuery('#newaccount').slideToggle(200);
        });

        // Shipping Address show|hide
        jQuery("#shipswitch").bind("click", function() {
            jQuery('#shipping').slideToggle(200, function() {

                // scroll down to shipping area.
                if(jQuery('#shipping').is(":visible")) {
                    _scrollTo('#shipping', 150);
                }

            });
        });
	</script>
	</body>
</html>