Cookie Layer

CookieLayer.css

.m-cookie-layer {
	box-sizing: border-box;
	background: black;
	color: white;
	padding: 20px 40px 20px 0;
	display: none;
	position: fixed;
	z-index: 1000;
	bottom: 0;
	width: 100%;
	
	p {
		font-size: 14px;
		line-height: 18px;
		position: relative;
		padding-left: 45px;
		color: $white;

		@media screen and (min-width: 768px) {
			font-size: 18px;
			line-height: 24px;
		}
		
		i {
			position: absolute;
			top: 0;
			left: 0;
			transform: translateX(50%);
		}
	}
	
	a {
		color: $corp-color;
	}
	
	i {
		font-size: 22px;
	}
	
	> i {
		position: absolute;
		right: 25px;
		top: 50%;
		transform: translateY(-50%) translateX(50%);
	}
}

CookieLayer.html

<div class="m-cookie-layer _cookie-layer">
	<p>
		<i class="icon-info"></i> Wir verwenden Cookies. Durch die Nutzung unserer Website stimmen Sie dem Einsatz zu. <a href="https://www.vhv-partner.de/datenschutz">Weitere Infos</a>
	</p>
	<i class="icon-check _cookie-trigger"></i>
</div>

cookieLayer.js

    Cookie: {

        setCookie: function (cname, cvalue, exdays) {

            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            var expires = "expires=" + d.toUTCString();

            document.cookie = cname + "=" + cvalue + "; " + expires;

        },

        getCookie: function (cname) {

            var name = cname + "=";
            var ca = document.cookie.split(';');

            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') c = c.substring(1);
                if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
            }

            return "";

        },

        deleteCookie: function (cname, exdays) {

            App.Cookie.setCookie(cname, " ", exdays);

        },

        cookieLayer: function() {

            var trigger = $('._cookie-trigger');
            var layer = $('._cookie-layer');

            if(App.Cookie.getCookie("clayer") === "1") {

            } else {
                layer.slideDown(200);
            }

            trigger.on('click', function() {

                layer.slideUp(200);
                App.Cookie.setCookie("clayer", "1", 365);

            });

        }

    },