PageSourceSearch

https://www.hempmate.com/de-ch/

html hempmate.com collected 2026-09-28 12:10:21 UTC 191,038 bytes, 3,816 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de-CH">
3<head>
4	<!--
5
6	|  | |¯¯ |\  /| |¯¯\ |\  /|   /\ ¯¯|¯¯ |¯¯
7	|--| |-  | \/ | |__/ | \/ |  /__\  |   |-
8	|  | |__ |    | |    |    | /    \ |   |__
9
10	-->
11    <meta charset="UTF-8">
12    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
13    <meta name="csrf-param" content="_csrf-frontend">
14<meta name="csrf-token" content="gy12UB6x2adzRj4ZyDEgHbjttO1LHDpQ4mHB5e-MOrSyVRAXQfeWzyUcSyCKfGIwyqnQ3TJKYjuOWKCxhfx8zg==">
15    <title>HempMate - CBD kaufen - CBD Online Shop - 100% natürlich - HempMate </title>
16    <meta name="description" content="Entdecke jetzt hochwertige & natürliche CBD Produkte bei HempMate ➤ Swiss Made ➤ 100% Hanf ➤ Zertifizierte Qualität ➤ Viele Zahlungsarten ➤ Schnelle Lieferung">
17    <meta name="keywords" content="CBD Produkte, hempmate, CBD, HempMate, cbd, CBD Öl, Hanf Öl, CBD Blüten, CBD Kosmetik, CBD edibles">
18    <meta property="og:title" content="HempMate - CBD kaufen - CBD Online Shop - 100% natürlich - HempMate ">
19    <meta property="og:description" content="Entdecke jetzt hochwertige & natürliche CBD Produkte bei HempMate ➤ Swiss Made ➤ 100% Hanf ➤ Zertifizierte Qualität ➤ Viele Zahlungsarten ➤ Schnelle Lieferung">
20    <meta property="og:url" content="https://www.hempmate.com">
21	<meta property="og:type" content="website">
22		<meta property="og:image" content="https://www.hempmate.com/images/backgrounds/OGimage.png">
23	<meta property="og:image:type" content="image/png">
24		<meta property="og:alt:image" content="https://www.hempmate.com/images/backgrounds/OGimage2.png">
25	<meta property="og:image:alt:type" content="image/png">
26	<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png">
27	<link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png">
28	<link rel="icon" type="image/png" sizes="192x192" href="/images/favicons/android-chrome-192x192.png">
29	<link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png">
30	<link rel="manifest" href="/images/favicons/site.webmanifest">
31	<link rel="mask-icon" href="/images/favicons/safari-pinned-tab.svg" color="#2a7050">
32	<link rel="shortcut icon" href="/images/favicons/favicon.ico">
33
34	<link rel="alternate" hreflang="x-default" href="https://www.hempmate.com/">
35	<link rel="alternate" hreflang="de-CH" href="https://www.hempmate.com/de-ch/">
36	<link rel="alternate" hreflang="ro-CH" href="https://www.hempmate.com/ro-ch/">
37	<link rel="alternate" hreflang="de-DE" href="https://www.hempmate.com/de-de/">
38	<link rel="alternate" hreflang="ro-DE" href="https://www.hempmate.com/ro-de/">
39	<link rel="alternate" hreflang="de-AT" href="https://www.hempmate.com/de-at/">
40	<link rel="alternate" hreflang="ro-AT" href="https://www.hempmate.com/ro-at/">
41
42	<meta name="apple-mobile-web-app-title" content="HempMate">
43	<meta name="application-name" content="HempMate">
44	<meta name="msapplication-TileColor" content="#2a7050">
45	<meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png?v=ng9vlzqpqr">
46	<meta name="msapplication-config" content="/images/favicons/browserconfig.xml?v=ng9vlzqpqr">
47	<meta name="theme-color" content="#000000">
48
49	<!-- Google Tag Manager -->
50	
50<script>
vendor: 370 bytes, lines 50-59
50
51		(function(w,d,s,l,i) {
52		w[l] = w[l] || [];
53		w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
54		var f = d.getElementsByTagName(s)[0],
55			j = d.createElement(s),
56			dl= l != 'dataLayer'?'&l='+l:'';
57			j.async = true;
58			j.src = 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
59		})(window,document,'script','dataLayer','
59GTM-MDCDH79
vendor: 6 bytes, lines 59-60
59');
60		
60let partnerAutoPopUp = false;
61		let partnerPopUp = false;
62			var voucherButtonErrorSWAL = [];
63			voucherButtonErrorSWAL[0] = [];
64			voucherButtonErrorSWAL[0]['title'] = "";
65			voucherButtonErrorSWAL[0]['html'] = "";
66			voucherButtonErrorSWAL[1] = [];
67			voucherButtonErrorSWAL[1]['title'] = "Gutscheincode eingeben.";
68			voucherButtonErrorSWAL[1]['html'] = "Bitte gib deinen Gutscheincode ein.";
69			voucherButtonErrorSWAL[2] = [];
70			voucherButtonErrorSWAL[2]['title'] = "Gutscheincode nicht gefunden.";
71			voucherButtonErrorSWAL[2]['html'] = "Dein Gutscheincode wurde nicht gefunden. Bitte überprüfe Deine Eingabe.";
72			voucherButtonErrorSWAL[3] = [];
73			voucherButtonErrorSWAL[3]['title'] = "Gutscheincode bereits eingelöst.";
74			voucherButtonErrorSWAL[3]['html'] = "Du hast bereits einen Gutscheincode eingelöst";
75			voucherButtonErrorSWAL[4] = [];
76			voucherButtonErrorSWAL[4]['title'] = "Gutscheincode nicht vergügbar.";
77			voucherButtonErrorSWAL[4]['html'] = "Der Gutscheincode ist für den Partnershop nicht verfügbar.";
78			voucherButtonErrorSWAL[5] = [];
79			voucherButtonErrorSWAL[5]['title'] = "Gutscheincode bereits eingelöst.";
80			voucherButtonErrorSWAL[5]['html'] = "Der Gutscheincode kann nur einmal pro User eingelöst werden.";
81			voucherButtonErrorSWAL[6] = [];
82			voucherButtonErrorSWAL[6]['title'] = "Gutscheincode abgelaufen.";
83			voucherButtonErrorSWAL[6]['html'] = "Der Gutscheincode ist abgelaufen.";
84			voucherButtonErrorSWAL[7] = [];
85			voucherButtonErrorSWAL[7]['title'] = "Gutscheincode abgelaufen.";
86			voucherButtonErrorSWAL[7]['html'] = "Der Gutscheincode ist abgelaufen.";
87
88	</script>
88
89	<!-- End Google Tag Manager -->
90
91    <!-- TrustBox script -->
92    
92<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
92
93    <!-- End TrustBox script -->
94
95    <link href="/fonts/roboto.css" rel="stylesheet">
96<link href="/css/nso_core.css" rel="stylesheet">
97<link href="/css/nso.css" rel="stylesheet">
98<link href="/css/vendor_bundle.min.css" rel="stylesheet">
99<link href="/plugins/sweetalert/sweetalert.css" rel="stylesheet">
100<link href="/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
101<link href="/plugins/flag-icon-css/flag-icon.min.css" rel="stylesheet">
102<link href="/css/custom.css" rel="stylesheet">
103<script src="/assets/e0152ba3/jquery.js"></script>
vendor: 1 bytes, line 103
103
104<script src="/assets/a0475690/yii.js"></script>
vendor: 1 bytes, line 104
104
105<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
vendor: 1 bytes, line 105
105
106<script src="/plugins/sweetalert/sweetalert.min.js"></script>
vendor: 1 bytes, line 106
106
107<script src="/js/polyfills.js"></script>
107
108    
108<script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="onIYyrAfrpKCTH" async></script>
108
109
110        <style>
111        html, body {
112            overflow-x: hidden;
113            overflow-y: auto;
114            font-size: 15px;
115        }
116        .p-4 {
117            padding: 20px !important;
118        }
119        #wrapper > section.cat-holder {
120            margin: 20px 15px 0 15px !important;
121        }
122		video.no-controlls::-webkit-media-controls-start-playback-button,
123		video.no-controlls::-webkit-media-controls, video.no-controlls::-moz-media-controls,
124		video.no-controlls::-o-media-controls, video.no-controlls::-ms-media-controls {
125			display: none !important;
126			pointer-events: none;
127		}
128		.embed-responsive.embed-responsive-overlay > .overlay {
129			position: absolute;
130			left: 0;
131			top: 0;
132			width: 100%;
133			height: 100%;
134			display: flex;
135			background-color: rgba(0,0,0,0.75);
136			align-items: center;
137			justify-content: center;
138            -webkit-transition: opacity 160ms ease-in;
139            transition: opacity 160ms ease-in;
140			cursor: pointer;
141			opacity: 0;
142		}
143		.embed-responsive.embed-responsive-overlay > .overlay.show {
144            -webkit-transition: opacity 160ms ease-out;
145            transition: opacity 160ms ease-out;
146			opacity: 1;
147		}
148		.embed-responsive.embed-responsive-overlay > .overlay > i.fi::before {
149			line-height: 40px !important;
150			font-size: 40px !important;
151		}
152		.embed-responsive.embed-responsive-overlay > .overlay.show > i {
153			color: #999;
154            -webkit-transition: color 160ms ease-in;
155            transition: color 160ms ease-in;
156		}
157		.embed-responsive.embed-responsive-overlay > .overlay.show:hover > i {
158			color: #fff;
159            -webkit-transition: color 160ms ease-out;
160            transition: color 160ms ease-out;
161		}
162
163        .welcome-holder > div.trust-hempmate {
164            display: flex;
165            width: 100%;
166            height:100%;
167            align-items: center;
168            justify-content: center;
169        }
170        .container.category {
171            display: flex;
172            width: 100%;
173            height: auto;
174            align-items: center;
175            justify-content: space-around;
176            background-color: transparent;
177        }
178        .container.category h4.h5-alt {
179            font-size: 25px;
180            line-height: 25px;
181        }
182        .container.category .cat-left {
183            /* margin: 0 20px; */
184            padding: 0;
185        }
186        .container.category .cat-right {
187            /* margin: 0 20px; */
188            padding: 0;
189        }
190        .container.category img.img-fluid {
191            display: block;
192            margin: 0 auto;
193        }
194        .container.credibility {
195            display: flex;
196            width: 100%;
197            height: auto;
198            align-items: center;
199            justify-content: center;
200            background-color: #7eccbf;
201        }
202        .container.credibility .cat-right,
203        .container.credibility .cat-left {
204            width: 50%;
205        }
206        .container.credibility .cat-right {
207            padding: 0 0 0 10px !important;
208        }
209        .container.credibility .cat-left {
210            padding: 0 10px 0 0 !important;
211        }
212        .container.known-from {
213            display: flex;
214            width: 100%;
215            height: 150px;
216            align-items: center;
217            justify-content: space-around;
218            background-color: #f7f7f7;
219            z-index: 5;
220        }
221        .container.known-from > img {
222            max-height: 60px;
223            opacity: .4;
224        }
225        .swiper-container {
226            height: 60px;
227        }
228        .background-std {
229            background-color: #f7f7f7;
230        }
231        .hempmate-welcome {
232            height: 100%;
233        }
234        .welcome-holder {
235            padding-bottom: 10px;
236        }
237        .intro-box-holder {
238            padding-top: 10px;
239        }
240        .intro-box {
241            padding-bottom: 20px;
242        }
243        .intro-box.intro-box-four {
244            padding-bottom: 0;
245        }
246        .intro-box svg.featured-box-icon {
247            height: 60px;
248            width: auto;
249        }
250        .intro-box svg.featured-box-icon path {
251            fill: #6ea87f;
252            -webkit-transition: fill 300ms ease-in;
253            transition: fill 300ms ease-in;
254        }
255        .intro-box:hover svg.featured-box-icon path {
256            fill: #dda03d;
257        }
258        .h-align-container {
259            display: flex;
260            width: 100%;
261            height: 100%;
262            align-items: center;
263            justify-content: center;
264        }
265        .cat-txt-container {
266            align-self: stretch;
267            height: 100%;
268        }
269        .holder {
270            margin: 0;
271            padding: 0;
272        }
273        .txt-holder {
274            color: #6c757d;
275            margin: auto 0;
276        }
277        .txt-holder p.text-gray-800 {
278            color: #6c757d !important;
279        }
280        .btn {
281            cursor: pointer;
282            border-radius: 3.2px;
283        }
284        .btn.btn-category {
285            display: inline-block;
286            font-size: 15px;
287            text-align: center;
288            padding: 7px 35px;
289            -webkit-transition: background-color 220ms ease-in, color 220ms ease-in, border-color 220ms ease-in;
290            transition: background-color 220ms ease-in, color 220ms ease-in, border-color 220ms ease-in;
291        }
292		.container.category .btn-night {
293			background-color: #1b365d;
294			border: 1px solid #1b365d;
295			color: #f7f7f7;
296		}
297		.container.category .btn-night:hover {
298			background-color: #f7f7f7;
299			border: 1px solid #1b365d;
300			color: #1b365d;
301		}
302		.container.category.hover .btn-night,
303        .container.category:hover .btn-night,
304		.btn-night {
305            background-color: #f7f7f7;
306            border: 1px solid #f7f7f7;
307            color: #1b365d;
308		}
309        .container.category.hover .btn-night:hover,
310        .container.category:hover .btn-night:hover,
311		.btn-night:hover {
312            background-color: #1b365d;
313            border: 1px solid #f7f7f7;
314            color: #f7f7f7;
315		}
316        .container.category .btn-oilz {
317            background-color: #f5b335;
318            border: 1px solid #f5b335;
319            color: #f7f7f7;
320
321        }
322        .container.category .btn-oilz:hover {
323            background-color: #f7f7f7;
324            border: 1px solid #f5b335;
325            color: #f5b335;
326        }
327        .container.category.hover .btn-oilz,
328        .container.category:hover .btn-oilz,
329		.btn-oilz {
330            background-color: #f7f7f7;
331            border: 1px solid #f7f7f7;
332            color: #f5b335;
333        }
334        .container.category.hover .btn-oilz:hover,
335        .container.category:hover .btn-oilz:hover,
336		.btn-oilz:hover {
337            background-color: #f5b335;
338            border: 1px solid #f7f7f7;
339            color: #f7f7f7;
340        }
341        .container.category .btn-flowerz {
342            background-color: #2a7050;
343            border: 1px solid #2a7050;
344            color: #f7f7f7;
345        }
346        .container.category .btn-flowerz:hover {
347            background-color: #ffffff;
348            border: 1px solid #2a7050;
349            color: #f7f7f7;
350        }
351        .container.category.hover .btn-flowerz,
352        .container.category:hover .btn-flowerz,
353		.btn-flowerz {
354            background-color: #f7f7f7;
355            border: 1px solid #f7f7f7;
356            color: #2a7050;
357        }
358        .container.category.hover .btn-flowerz:hover,
359        .container.category:hover .btn-flowerz:hover,
360		.btn-flowerz:hover {
361            background-color: #2a7050;
362            border: 1px solid #f7f7f7;
363            color: #f7f7f7;
364        }
365        .container.category .btn-catoil {
366            background-color: #84c9bb;
367            border: 1px solid #84c9bb;
368            color: #f7f7f7;
369        }
370        .container.category .btn-catoil:hover {
371            background-color: #ffffff;
372            border: 1px solid #84c9bb;
373            color: #84c9bb;
374        }
375        .container.category.hover .btn-catoil,
376        .container.category:hover .btn-catoil,
377		.btn-catoil {
378            background-color: #f7f7f7;
379            border: 1px solid #f7f7f7;
380            color: #84c9bb;
381        }
382        .container.category.hover .btn-catoil:hover,
383        .container.category:hover .btn-catoil:hover,
384		.btn-catoil:hover {
385            background-color: #84c9bb;
386            border: 1px solid #f7f7f7;
387            color: #f7f7f7;
388        }
389        .container.category .btn-cosmetics {
390            background-color: #4a9462;
391            border: 1px solid #4a9462;
392            color: #f7f7f7;
393        }
394        .container.category .btn-cosmetics:hover {
395            background-color: #f7f7f7;
396            border: 1px solid #4a9462;
397            color: #4a9462;
398        }
399        .container.category.hover .btn-cosmetics,
400        .container.category:hover .btn-cosmetics,
401		.btn-cosmetics {
402            background-color: #f7f7f7;
403            border: 1px solid #f7f7f7;
404            color: #4a9462;
405        }
406        .container.category.hover .btn-cosmetics:hover,
407        .container.category:hover .btn-cosmetics:hover,
408		.btn-cosmetics:hover {
409            background-color: #4a9462;
410            border: 1px solid #f7f7f7;
411            color: #f7f7f7;
412        }
413        .container.category .btn-food {
414            background-color: #cf8a00;
415            border: 1px solid #cf8a00;
416            color: #f7f7f7;
417        }
418        .container.category .btn-food:hover {
419            background-color: #f7f7f7;
420            border: 1px solid #cf8a00;
421            color: #cf8a00;
422        }
423        .container.category.hover .btn-food,
424        .container.category:hover .btn-food,
425		.btn-food {
426            background-color: #f7f7f7;
427            border: 1px solid #f7f7f7;
428            color: #cf8a00;
429        }
430        .container.category.hover .btn-food:hover,
431        .container.category:hover .btn-food:hover,
432		.btn-food:hover {
433            background-color: #cf8a00;
434            border: 1px solid #f7f7f7;
435            color: #f7f7f7;
436        }
437        .container.category .btn-pet {
438            background-color: #01a48d;
439            border: 1px solid #01a48d;
440            color: #f7f7f7;
441        }
442        .container.category .btn-pet:hover {
443            background-color: #f7f7f7;
444            border: 1px solid #01a48d;
445            color: #01a48d;
446        }
447        .container.category.hover .btn-pet,
448        .container.category:hover .btn-pet,
449		.btn-pet {
450            background-color: #f7f7f7;
451            border: 1px solid #f7f7f7;
452            color: #01a48d;
453        }
454        .container.category.hover .btn-pet:hover,
455        .container.category:hover .btn-pet:hover,
456		.btn-pet:hover {
457            background-color: #01a48d;
458            border: 1px solid #f7f7f7;
459            color: #f7f7f7;
460        }
461        .container.category .btn-SOday {
462            background-color: #B33D26;
463            border: 1px solid #B33D26;
464            color: #f7f7f7;
465        }
466        .container.category .btn-SOday:hover {
467            background-color: #f7f7f7;
468            border: 1px solid #B33D26;
469            color: #B33D26;
470        }
471        .container.category.hover .btn-SOday,
472        .container.category:hover .btn-SOday,
473		.btn-SOday {
474            background-color: #f7f7f7;
475            border: 1px solid #f7f7f7;
476            color: #B33D26;
477        }
478        .container.category.hover .btn-SOday:hover,
479        .container.category:hover .btn-SOday:hover,
480		.btn-SOday:hover {
481            background-color: #B33D26;
482            border: 1px solid #f7f7f7;
483            color: #f7f7f7;
484        }
485        .container.category .btn-sport-5 {
486            background-color: #FCF4E7;
487            border: 1px solid #FCF4E7;
488            color: #f7f7f7;
489
490        }
491        .container.category .btn-sport-5:hover {
492            background-color: #f7f7f7;
493            border: 1px solid #FCF4E7;
494            color: #FCF4E7;
495        }
496        .container.category.hover .btn-sport-5,
497        .container.category:hover .btn-sport-5,
498		.btn-sport-5 {
499            background-color: #f7f7f7;
500            border: 1px solid #f7f7f7;
501            color: #FCF4E7;
502        }
503        .container.category.hover .btn-sport-5:hover,
504        .container.category:hover .btn-sport-5:hover,
505		.btn-sport-5:hover {
506            background-color: #FCF4E7;
507            border: 1px solid #f7f7f7;
508            color: #f7f7f7;
509        }
510
511
512
513
514        .container.category .btn-sport-10 {
515            background-color: #FCE1B5;
516            border: 1px solid #FCE1B5;
517            color: #f7f7f7;
518        }
519        .container.category .btn-sport-10:hover {
520            background-color: #f7f7f7;
521            border: 1px solid #FCE1B5;
522            color: #FCE1B5;
523        }
524        .container.category.hover .btn-sport-10,
525        .container.category:hover .btn-sport-10,
526		.btn-sport-10 {
527            background-color: #f7f7f7;
528            border: 1px solid #f7f7f7;
529            color: #FCE1B5;
530        }
531        .container.category.hover .btn-sport-10:hover,
532        .container.category:hover .btn-sport-10:hover,
533		.btn-sport-10:hover {
534            background-color: #FCE1B5;
535            border: 1px solid #f7f7f7;
536            color: #f7f7f7;
537        }
538
539
540
541
542        .container.category .btn-sport-15 {
543            background-color: #C9E2C8;
544            border: 1px solid #C9E2C8;
545            color: #f7f7f7;
546        }
547        .container.category .btn-sport-15:hover {
548            background-color: #f7f7f7;
549            border: 1px solid #C9E2C8;
550            color: #C9E2C8;
551        }
552        .container.category.hover .btn-sport-15,
553        .container.category:hover .btn-sport-15,
554		.btn-sport-15 {
555            background-color: #f7f7f7;
556            border: 1px solid #f7f7f7;
557            color: #C9E2C8;
558        }
559        .container.category.hover .btn-sport-15:hover,
560        .container.category:hover .btn-sport-15:hover,
561		.btn-sport-15:hover {
562            background-color: #C9E2C8;
563            border: 1px solid #f7f7f7;
564            color: #f7f7f7;
565        }
566        .container.category .btn-sport-20 {
567            background-color: #BAD8C3;
568            border: 1px solid #BAD8C3;
569            color: #f7f7f7;
570        }
571        .container.category .btn-sport-20:hover {
572            background-color: #ffffff;
573            border: 1px solid #BAD8C3;
574            color: #f7f7f7;
575        }
576        .container.category.hover .btn-sport-20,
577        .container.category:hover .btn-sport-20,
578		.btn-sport-20 {
579            background-color: #f7f7f7;
580            border: 1px solid #f7f7f7;
581            color: #BAD8C3;
582        }
583        .container.category.hover .btn-sport-20:hover,
584        .container.category:hover .btn-sport-20:hover,
585		.btn-sport-20:hover {
586            background-color: #BAD8C3;
587            border: 1px solid #f7f7f7;
588            color: #f7f7f7;
589        }
590		.btn-to-cart {
591            background-color: #202222;
592            border: 1px solid #202222;
593			margin: 0 !important;
594            color: #f7f7f7;
595		}
596		.btn-to-cart.active, .btn-to-cart:active,
597		.btn-to-cart:focus, .btn-to-cart:hover {
598            background-color: #f7f7f7;
599            border: 1px solid #202222;
600            color: #202222;
601		}
602		.btn.cart-btn {
603			background-color: #202222;
604			border: 1px solid #202222;
605			color: #f7f7f7;
606		}
607		.btn.cart-btn.active, .btn.cart-btn:active,
608		.btn.cart-btn:focus, .btn.cart-btn:hover {
609			background-color: #676465;
610			border: 1px solid #202222;
611			color: #f7f7f7;
612		}
613		.btn.btn-vapes {
614			background-color: #101820;
615			border: 1px solid #101820;
616			color: #cccfce;
617		}
618		.btn.btn-vapes.active, .btn.btn-vapes:active,
619		.btn.btn-vapes:focus, .btn.btn-vapes:hover {
620			background-color: #f7f7f7;
621			border: 1px solid #101820;
622			color: #101820;
623		}
624		.btn.btn-vapes-invert {
625			background-color: #cccfce;
626			border: 1px solid #cccfce;
627			color: #101820;
628		}
629		.btn.btn-vapes-invert.active,
630		.btn.btn-vapes-invert:active,
631		.btn.btn-vapes-invert:focus,
632		.btn.btn-vapes-invert:hover {
633			background-color: #101820;
634			border: 1px solid #101820;
635			color: #cccfce;
636		}
637		.product-block .btn.cart-btn {
638			padding: 7px 27px;
639		}
640        header#header #logo-header {
641            height: 60px;
642            width: auto;
643        }
644		@media (max-width: 575.8px) {
645			header#header #logo-header {
646				height: 50px;
647			}
648		}
649		@media (max-width: 399.8px) {
650			header#header #logo-header {
651				height: 40px;
652			}
653		}
654        header#header #logo-header path {
655            fill: #111;
656            -webkit-transition: fill 240ms ease-in;
657            transition: fill 240ms ease-in;
658        }
659        header#header a.navbar-brand:hover #logo-header path {
660            fill: #6ea87f;
661        }
662        header#header nav a.btn-sidebar-toggle.btn-ico-holder,
663        header#header nav li.dropdown a.btn.btn-ico-holder {
664            display: flex;
665            width: 40px;
666            height: 40px;
667            border-width: 0;
668            border-radius: 0;
669            border-style: none;
670            align-items: center;
671            padding: 0 !important;
672            justify-content: center;
673            background-color: #f7f7f7;
674            -webkit-transition: background-color 160ms ease-in;
675            transition: background-color 160ms ease-in;
676        }
677        header#header nav a.btn-sidebar-toggle.btn-ico-holder:hover,
678        header#header nav li.dropdown a.btn.btn-ico-holder:hover {
679            background-color: #E6F0EE;
680        }
681        header#header nav a.btn-sidebar-toggle.btn-ico-holder.active,
682        header#header nav li.dropdown.show a.btn.btn-ico-holder {
683            background-color: #4a9462;
684        }
685        .btn.btn-ico-holder.active,
686        .btn.btn-ico-holder:active,
687        .btn.btn-ico-holder:focus,
688        .btn.btn-ico-holder:hover,
689        .btn.btn-ico-holder	{
690            box-shadow: none !important;
691        }
692        header#header nav li.dropdown a.btn.btn-ico-holder svg.nav-change-ico {
693            display: inline;
694            height: 16px;
695            width: auto;
696        }
697        header#header nav a.btn-sidebar-toggle.btn-ico-holder svg.hamburger-ico rect {
698            -webkit-transition: all 160ms ease-in;
699            transition: all 160ms ease-in;
700        }
701        header#header nav li.navi-btn-holder {
702            margin: 0 0 0 10px;
703        }
704        header#header nav li.dropdown a.btn.btn-ico-holder svg.nav-change-ico path {
705            -webkit-transition: fill 160ms ease-in, fill-opacity 160ms ease-in;
706            transition: fill 160ms ease-in, fill-opacity 160ms ease-in;
707        }
708        header#header nav li.dropdown.show a.btn.btn-ico-holder svg.nav-change-ico path.ico-B,
709        header#header nav li.dropdown a.btn.btn-ico-holder svg.nav-change-ico path.ico-A {
710            fill-opacity: 1;
711        }
712        header#header nav li.dropdown.show a.btn.btn-ico-holder svg.nav-change-ico path.ico-A,
713        header#header nav li.dropdown a.btn.btn-ico-holder svg.nav-change-ico path.ico-B {
714            fill-opacity: 0;
715        }
716        header#header nav li.dropdown a.btn.btn-ico-holder:active svg.nav-change-ico path.ico-A,
717        header#header nav li.dropdown a.btn.btn-ico-holder:focus svg.nav-change-ico path.ico-A,
718        header#header nav li.dropdown a.btn.btn-ico-holder svg.nav-change-ico path.ico-A {
719            fill: #6ea87f;
720        }
721        header#header nav li.dropdown a.btn.btn-ico-holder:hover svg.nav-change-ico path.ico-A {
722            fill: #4a9462;
723        }
724        header#header nav li.dropdown a.btn.btn-ico-holder:active svg.nav-change-ico path.ico-B,
725        header#header nav li.dropdown a.btn.btn-ico-holder:focus svg.nav-change-ico path.ico-B,
726        header#header nav li.dropdown a.btn.btn-ico-holder:hover svg.nav-change-ico path.ico-B,
727        header#header nav li.dropdown a.btn.btn-ico-holder svg.nav-change-ico path.ico-B {
728            fill: #fff;
729        }
730        header#header #navi-buttons > li.dropdown div.dropdown-menu {
731            -webkit-animation: __utilFadeIn 160ms ease-in forwards;
732            animation: __utilFadeIn 160ms ease-in forwards;
733        }
734        header#header #AccountOptionsdropdown,
735        header#header #ShoppingCartdropdown {
736            transform: translateY(1px);
737			/* width: 240px !important; */
738        }
739        header#header #AccountOptionsdropdown:after,
740        header#header #ShoppingCartdropdown:after {
741            top: -12px !important;
742        }
743		.badge-cart-count {
744			font-size: 12px !important;
745			line-height: 12px !important;
746			padding-bottom: 0.2em !important;
747		}
748        .dropdown-menu {
749            border-top: 2px solid #4a9462;
750            border-right: 2px solid #4a9462;
751        }
752        .dropdown-menu a.dropdown-item:hover,
753        .dropdown-menu a.dropdown-item:focus {
754            background-color: #f7f7f7;
755        }
756        a.dropdown-footer {
757            color: #111111;
758        }
759        a.dropdown-footer:hover {
760            color: #4a9462;
761        }
762        a.dropdown-footer .dropdown-prefix-icon {
763            height: 16px;
764            width: auto;
765            margin-top: 4px;
766        }
767        a.dropdown-footer .dropdown-prefix-icon path {
768            fill: #111111;
769        }
770        a.dropdown-footer:hover .dropdown-prefix-icon path {
771            fill: #4a9462;
772        }
773        .prefix-link-icon:not(.prefix-icon-arrow) .dropdown-item:hover:not(.prefix-icon-ignore)::before {
774            background-color: #4a9462 !important;
775        }
776        aside#aside-main {
777            position: fixed;
778        }
779        .transition-bg-ease-in-220 {
780            -webkit-transition: background-color 220ms ease-in;
781            transition: background-color 220ms ease-in;
782        }
783        .transition-color-ease-in-160 {
784            -webkit-transition: color 160ms ease-in;
785            transition: color 160ms ease-in;
786        }
787        .bg-oils-soft-hover.hover,
788        .bg-oils-soft-hover:hover {
789            background-color: #f6c162 !important;
790        }
791        .bg-flowers-soft-hover.hover,
792        .bg-flowers-soft-hover:hover {
793            background-color: #558b71 !important;
794        }
795        .bg-cosmetics-soft-hover.hover,
796        .bg-cosmetics-soft-hover:hover {
797            background-color: #6ea87f !important;
798        }
799        .bg-food-soft-hover.hover,
800        .bg-food-soft-hover:hover {
801            background-color: #dda03d !important;
802        }
803        .bg-pet-soft-hover.hover,
804        .bg-pet-soft-hover:hover {
805            background-color: #7eccbf !important;
806        }
807        .cat-holder .cat-content .holder {
808            display: flex;
809            width: 100%;
810            height: 100%;
811            margin: 0;
812            padding: 0;
813        }
814        .cat-content .cat-content-img:first-child img {
815            display: block;
816        }
817        .cat-content .cat-content-img:first-child .holder {
818			/*
819            justify-content: flex-start;
820			*/
821			justify-content: center;
822        }
823        .cat-content .cat-content-img:last-child .holder {
824			/*
825            justify-content: flex-end;
826			*/
827			justify-content: center;
828        }
829        .container.category .text-gray-800,
830        .container.category h4.h5-alt {
831            -webkit-transition: color 220ms ease-in;
832            transition: color 220ms ease-in;
833        }
834        .container.category h4.h5-alt {
835            color: #333333 !important;
836        }
837        .container.category.hover h4.h5-alt,
838        .container.category:hover h4.h5-alt {
839            color: #ffffff !important;
840        }
841        .container.category.hover h4.h5-alt.has-black,
842        .container.category:hover h4.h5-alt.has-black {
843            color: #101010 !important;
844        }
845        .container.category .text-gray-800 {
846            color: #555555 !important;
847        }
848        .container.category.hover .text-gray-800,
849        .container.category:hover .text-gray-800 {
850            color: #f7f7f7 !important;
851        }
852        .container.category.hover .text-gray-800.has-black,
853        .container.category:hover .text-gray-800.has-black {
854            color: #303030 !important;
855        }
856        #top_bar #lang-select {
857            display: inline-block;
858            position: relative;
859            height: 100%;
860        }
861        #top_bar #lang-select a.dropdown-toggle {
862            display: flex;
863            position: relative;
864            width: 40px;
865            height: 40px;
866            justify-content: center;
867            align-items: center;
868            color: #000;
869            cursor: pointer;
870        }
871        #top_bar #lang-select a.dropdown-toggle > span {
872            z-index: 12;
873        }
874        #top_bar #lang-select a.dropdown-toggle svg.bg-bubble {
875            position: absolute;
876            left: 4px;
877            top: 4px;
878            width: 32px;
879            height: 32px;
880        }
881        #top_bar #lang-select a.dropdown-toggle svg.bg-bubble path {
882            fill: #9b9b9b;
883            -webkit-transition: fill 160ms ease-in;
884            transition: fill 160ms ease-in;
885        }
886        #top_bar #lang-select a.dropdown-toggle:hover svg.bg-bubble path {
887            fill: #eaba7b;
888        }
889        #top_bar #lang-select.show a.dropdown-toggle svg.bg-bubble path {
890            fill: #f6b333;
891        }
892        #top_bar #cntry-select .dropdown-menu,
893        #top_bar #lang-select .dropdown-menu {
894            border-width: 0 !important;
895            border-style: none !important;
896        }
897        #top_bar #lang-select .dropdown-menu {
898            min-width: 60px;
899            left: auto !important;
900            top: auto !important;
901            right: 34px !important;
902            color: #f5b335;
903            bottom: 6px !important;
904            border-top: 2px solid currentColor !important;
905            border-right: 2px solid currentColor !important;
906            transform: translateY(100%) !important;
907        }
908		/*
909        #top_bar #lang-select .dropdown-menu:after {
910            content: url('/dropdownmenu-pointer.php?color=f5b335');
911        }
912		*/
913        #top_bar #lang-select .dropdown-menu a.dropdown-item {
914            width: 100%;
915            padding: 8px 0;
916            text-align: center;
917        }
918        #top_bar #cntry-select {
919            position: relative;
920            height: 40px;
921            padding: 0;
922            margin-right: 10px;
923        }
924        #top_bar #cntry-select a.dropdown-toggle {
925            display: inline-block;
926            width: 40px;
927            height: 40px;
928        }
929        #top_bar #cntry-select .dropdown-menu {
930            left: 0 !important;
931            top: auto !important;
932            color: #ec2a3a;
933            bottom: 7px !important;
934            width: 200px !important;
935            /* overflow: hidden !important; */
936            border-top: 2px solid currentColor !important;
937            border-right: 2px solid currentColor !important;
938            transform: translate(-100%,100%) !important;
939        }
940		/*
941        #top_bar #cntry-select .dropdown-menu:after {
942            content: url('/dropdownmenu-pointer.php?color=ec2a3a');
943        }
944		*/
945        #top_bar #cntry-select .dropdown-menu a.dropdown-item {
946            display: block;
947            text-align: right;
948            line-height: 24px;
949            padding: 8px 14px 8px 17px;
950        }
951        #top_bar #cntry-select .dropdown-menu a.dropdown-item i {
952            position: relative;
953            display: inline-block;
954            height: 10px;
955            width: 24px;
956        }
957        #top_bar #cntry-select .dropdown-menu a.dropdown-item i > img {
958            position: absolute;
959            top: 50%;
960            right: 0;
961            height: 32px;
962            transform: translate(50%,-50%);
963        }
964		/*
965        #top_bar #cntry-select .dropdown-menu a.dropdown-item i:after {
966            position: relative;
967            display: block;
968            content: '';
969            top: -11px;
970            left: 0;
971            width: 32px;
972            height: 32px;
973            border-radius: 50%;
974            border: 1.5px solid #333;
975            transform: translateX(8px);
976        }
977		*/
978        #top_bar #cntry-select .dropdown-menu .dropdown-header i {
979            color: #101010;
980        }
981        .img-grayscale-hover {
982            background-size: cover;
983            background-position: 50% 50%;
984            background-repeat: no-repeat;
985            -webkit-filter: grayscale(100%);
986            filter: grayscale(100%);
987            -webkit-transition: -webkit-filter 160ms ease;
988            transition: -webkit-filter 160ms ease;
989            transition: filter 160ms ease;
990            transition: filter 160ms ease, -webkit-filter 160ms ease;
991        }
992        .img-grayscale-hover:hover {
993            -webkit-filter: grayscale(0%);
994            filter: grayscale(0%);
995        }
996        #cntry-select .img-grayscale-hover {
997            background-size: 30px 30px;
998        }
999        #cntry-select .img-grayscale-hover:hover {
1000            -webkit-filter: grayscale(40%);
1001            filter: grayscale(40%);
1002        }
1003        #cntry-select.show .img-grayscale-hover {
1004            -webkit-filter: grayscale(0%);
1005            filter: grayscale(0%);
1006        }
1007        #cntry-select #cntry-select-pages {
1008            position: relative;
1009            height: 363px;
1010        }
1011        #cntry-select #cntry-select-pages .cntry-select-pg {
1012            position: absolute;
1013            width: 100%;
1014            right: 0;
1015            top: 0;
1016        }
1017        #cntry-select #cntry-select-pages .cntry-select-navi {
1018            position: absolute;
1019            display: flex;
1020            left: 0;
1021            bottom: 0;
1022            width: 100%;
1023            height: 43px;
1024            flex-wrap: nowrap;
1025            align-items: stretch;
1026            border-top: 1px solid #e9ecef;
1027        }
1028        #cntry-select #cntry-select-pages .cntry-select-navi .cntry-sel-pg-lnk {
1029            display: inline-block;
1030            flex-grow: 1;
1031        }
1032        #cntry-select #cntry-select-pages .cntry-select-navi .cntry-sel-pg-lnk:first-child .cntry-select-pg-btn {
1033            border-right: 1px solid #e9ecef;
1034        }
1035        #cntry-select #cntry-select-pages .cntry-select-navi .cntry-sel-pg-lnk .cntry-select-pg-btn {
1036            display: flex;
1037            width: 100%;
1038            height: 100%;
1039            justify-content: center;
1040            align-items: center;
1041        }
1042        #cntry-select #cntry-select-pages .cntry-select-navi .cntry-sel-pg-lnk .cntry-select-pg-btn i {
1043            display: inline-block;
1044            font-weight: bold;
1045            color: #212529;
1046            -webkit-transition: color 220ms ease-in;
1047            transition: color 220ms ease-in;
1048        }
1049        #cntry-select #cntry-select-pages .cntry-select-navi .cntry-sel-pg-lnk .cntry-select-pg-btn:hover i {
1050            color: #ec2a3a;
1051        }
1052        #cntry-select #cntry-select-pages .cntry-select-navi .cntry-sel-pg-lnk .cntry-select-pg-btn i:last-child {
1053            margin-left: -8px;
1054        }
1055        header#header .dropdown-menu {
1056            border-top-right-radius: 0 !important;
1057        }
1058		/*
1059        header#header .dropdown-menu:after {
1060            position: absolute;
1061            display: block;
1062            top: -14px;
1063            right: -6px;
1064            width: 10px;
1065            height: 10px;
1066            content: url('/dropdownmenu-pointer.php');
1067            z-index: 1005;
1068        }
1069		*/
1070        #AccountOptionsdropdown .fi::before {
1071            line-height: 1.0;
1072        }
1073
1074        @media (min-width: 992px) {
1075            #wrapper > section.cat-holder {
1076                margin: 20px 0 0 0 !important;
1077            }
1078            .welcome-holder {
1079                padding: 0 10px 0 0;
1080            }
1081            .intro-box-holder {
1082                padding: 0 0 0 10px;
1083            }
1084            .container.category {
1085                background-color: #f7f7f7;
1086            }
1087            .container.category .cat-left {
1088                margin: 0;
1089                padding: 0 10px 0 0;
1090            }
1091            .container.category .cat-right {
1092                margin: 0;
1093                padding: 0 0 0 10px;
1094            }
1095            .container.category .cat-left .txt-holder h4.h5-alt,
1096            .container.category .cat-left .txt-holder p,
1097            .container.category .cat-left .txt-holder {
1098                text-align: right;
1099            }
1100        }
1101        @media (min-width: 768px) {
1102            .hempmate-welcome {
1103                margin-right: -0.375rem;
1104            }
1105            .upper-intro-boxes {
1106                padding-bottom: 10px;
1107            }
1108            .lower-intro-boxes {
1109                padding-top: 10px;
1110            }
1111            .intro-box-left {
1112                width: calc(50% - 10px);
1113                margin: 0 10px 0 0;
1114            }
1115            .intro-box-right {
1116                width: calc(50% - 10px);
1117                margin: 0 0 0 10px;
1118            }
1119            .intro-box {
1120                padding-bottom: 0;
1121                align-self: stretch;
1122            }
1123            .intro-box > div.background-std {
1124                height: 100%;
1125            }
1126        }
1127        @media (max-width: 1199px) {
1128            header#header nav.navbar ul.navbar-nav a.nav-link.dropdown-toggle {
1129                padding: 28px 15px 28px 10px;
1130            }
1131            header#header nav.navbar ul.navbar-nav a.nav-link.dropdown-toggle:last-child {
1132                padding-right: 5;
1133            }
1134            header#header nav.navbar ul.navbar-nav a.nav-link.dropdown-toggle::before {
1135                display: none;
1136            }
1137        }
1138        @media (min-width: 576px) and (max-width: 991px) {
1139            .intro-box-holder,
1140            .welcome-holder {
1141                padding-right: 0 !important;
1142                padding-left: 0 !important;
1143            }
1144        }
1145        @media (max-width: 991px) {
1146            .cat-content .cat-content-img:first-child .holder {
1147                justify-content: center;
1148            }
1149            .cat-content .cat-content-img:last-child .holder {
1150                justify-content: center;
1151            }
1152            .btn.btn-category {
1153                margin-bottom: 20px;
1154            }
1155        }
1156        /* Color of invalid field */
1157        .has-error .control-label,
1158        .has-error .help-block,
1159        .has-error .form-control-feedback {
1160            color: #a94442;
1161        }
1162		#top-nav-holder, #top_bar {
1163			padding: 0 !important;
1164		}
1165		@media (max-width: 575.8px) {
1166			#top-nav-holder, #top_bar {
1167				padding: 0 15px !important;
1168			}
1169		}
1170		.index-cat-img {
1171			max-height: 520px;
1172		}
1173		.kategorie-cat-img {
1174			max-height: 520px;
1175		}
1176		a.active,
1177		a:active,
1178		a.focus,
1179		a.hover {
1180			color: #2a7050 !important;
1181		}
1182		.nav-item:hover > .nav-link {
1183			color: #2a7050 !important;
1184		}
1185		#ShoppingCartdropdown .top-cart-line a {
1186			display: inline;
1187			color: #212529;
1188			padding: 0 !important;
1189		}
1190		#ShoppingCartdropdown .top-cart-line a:active,
1191		#ShoppingCartdropdown .top-cart-line a:focus,
1192		#ShoppingCartdropdown .top-cart-line a:hover {
1193			color: #2a7050 !important;
1194		}
1195		#Rabattcode.rabattcode-widget > .rabatt-input-holder {
1196			display: flex;
1197			width: 100%;
1198			height: 45px;
1199			border: 1px solid #999;
1200		}
1201		#Rabattcode.rabattcode-widget #neworder-gutscheincode {
1202			display: inline-flex;
1203			padding-bottom: 0;
1204			padding-top: 0;
1205			height: 100%;
1206			flex-grow: 1;
1207			border-width: 0;
1208			border-style: none;
1209			align-items: center;
1210		}
1211		#Rabattcode.rabattcode-widget #voucher-button {
1212			justify-content: center;
1213			display: inline-flex;
1214			align-items: center;
1215			border-style: none;
1216			border-width: 0;
1217			min-width: 47px;
1218			flex-grow: 0;
1219			height: 100%;
1220			padding: 0;
1221			transition: background-color 140ms ease-out;
1222			-webkit-transition: background-color 140ms ease-out;
1223		}
1224		#Rabattcode.rabattcode-widget #voucher-button:active,
1225		#Rabattcode.rabattcode-widget #voucher-button:focus,
1226		#Rabattcode.rabattcode-widget #voucher-button:hover {
1227			transition: background-color 140ms ease-in;
1228			-webkit-transition: background-color 140ms ease-in;
1229		}
1230		#Rabattcode.rabattcode-widget #voucher-button > i {
1231			font-size: 1.2rem;
1232			display: inline;
1233			margin: 0;
1234			transition: color 140ms cubic-bezier(0.770,  0.000, 0.175, 1.000);
1235			-webkit-transition: color 140ms cubic-bezier(0.770,  0.000, 0.175, 1.000);
1236		}
1237		#Rabattcode.rabattcode-widget #voucher-button.redeem-voucher {
1238			background-color: #489669;
1239		}
1240		#Rabattcode.rabattcode-widget #voucher-button.redeem-voucher > i {
1241			color: #f0f0f0;
1242		}
1243		#Rabattcode.rabattcode-widget #voucher-button.redeem-voucher:active,
1244		#Rabattcode.rabattcode-widget #voucher-button.redeem-voucher:focus,
1245		#Rabattcode.rabattcode-widget #voucher-button.redeem-voucher:hover {
1246			background-color: #217154;
1247		}
1248		#Rabattcode.rabattcode-widget #voucher-button.redeem-voucher:active > i,
1249		#Rabattcode.rabattcode-widget #voucher-button.redeem-voucher:focus >
1249 i,
1250		#Rabattcode.rabattcode-widget #voucher-button.redeem-voucher:hover > i {
1251			color: #f0f0f0;
1252		}
1253		#Rabattcode.rabattcode-widget #voucher-button.dismiss-voucher {
1254			background-color: #f04822;
1255		}
1256		#Rabattcode.rabattcode-widget #voucher-button.dismiss-voucher > i {
1257			color: #212529;
1258		}
1259		#Rabattcode.rabattcode-widget #voucher-button.dismiss-voucher:active,
1260		#Rabattcode.rabattcode-widget #voucher-button.dismiss-voucher:focus,
1261		#Rabattcode.rabattcode-widget #voucher-button.dismiss-voucher:hover {
1262			background-color: #b73113;
1263		}
1264		#Rabattcode.rabattcode-widget #voucher-button.dismiss-voucher:active > i,
1265		#Rabattcode.rabattcode-widget #voucher-button.dismiss-voucher:focus > i,
1266		#Rabattcode.rabattcode-widget #voucher-button.dismiss-voucher:hover > i {
1267			color: #f0f0f0;
1268		}
1269		#Rabattcode.rabattcode-widget #voucher-button.inactive {
1270			background-color: #eee;
1271			cursor: default;
1272		}
1273		#Rabattcode.rabattcode-widget #voucher-button.inactive > i {
1274			color: #999;
1275		}
1276		#Rabattcode.rabattcode-widget #voucher-button.inactive:active,
1277		#Rabattcode.rabattcode-widget #voucher-button.inactive:focus,
1278		#Rabattcode.rabattcode-widget #voucher-button.inactive:hover {
1279			background-color: #eee;
1280		}
1281		#Rabattcode.rabattcode-widget #voucher-button.inactive:active > i,
1282		#Rabattcode.rabattcode-widget #voucher-button.inactive:focus > i,
1283		#Rabattcode.rabattcode-widget #voucher-button.inactive:hover > i {
1284			color: #999;
1285		}
1286    </style>
1287</head>
1288<body class="aside-sticky aside-float header-sticky">
1289
1290<!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 1290-1292
1290
1291<noscript>
1292	<iframe src="https://www.googletagmanager.com/ns.html?id=
1292GTM-MDCDH79
vendor: 84 bytes, lines 1292-1293
1292" height="0" width="0" style="display:none;visibility:hidden"></iframe>
1293</noscript>
1294<!-- End Google Tag Manager (noscript) -->
1295
1296
1297<!-- WRAPPER -->
1298<div id="wrapper">
1299
1300<!-- HEADER -->
1301<header id="header" class="shadow-xs ch">
1302    <!-- TOP BAR -->
1303    <div id="top_bar" class="bg-light fs--12" style="background-color:#111 !important; min-height:40px;">
1304        <div class="container p-0">
1305		            <div class="row d-flex p-0 flex-wrap align-items-center justify-content-end" style="height:40px;max-width:100%;margin-left:0;margin-right:0;">
1306                <style>
1307                    #top_bar #cntry-select .dropdown-menu {
1308                        color: ;
1309                        transform: translate(calc(-100% + 8px),calc(100% + 1px)) !important;
1310                    }
1311					/*
1312                    #top_bar #cntry-select .dropdown-menu:after {
1313                        content: url('/dropdownmenu-pointer.php?color=');
1314                    }
1315					*/
1316                    #cntry-select #cntry-select-pages .cntry-select-navi .cntry-sel-pg-lnk .cntry-select-pg-btn:hover i {
1317                        color: ;
1318                    }
1319					#mate-werden > a:hover {
1320						text-decoration: underline;
1321					}
1322					a.dropdown-footer.zur-kasse {
1323						/* color: #78ABCC; */
1324						font-weight: 700;
1325					}
1326					a.dropdown-footer.zur-kasse svg.dropdown-prefix-icon path {
1327						fill: #000;
1328					}
1329					a.dropdown-footer.zur-kasse:hover {
1330						color: #006398;
1331					}
1332					a.dropdown-footer.zur-kasse:hover svg.dropdown-prefix-icon path {
1333						fill: #006398;
1334					}
1335					.dont-break {
1336						white-space: nowrap;
1337					}
1338					#top-bar-partner-txt > a.text-white {
1339						color: #fff !important;
1340					}
1341					#top-bar-partner-txt > a.text-white:hover {
1342						text-decoration: underline;
1343					}
1344					#header #mate-werden .navbar-nav a#registerNow.nav-link.dropdown-toggle:not(.nav-link-caret-hide)::before {
1345						display: none;
1346					}
1347					#header #mate-werden .navbar-nav.navbar-sm {
1348						height: unset;
1349					}
1350					#mate-werden .navbar-nav .dropdown-menu {
1351						position: absolute;
1352						z-index: 4000;
1353						height: auto;
1354						top: unset !important;
1355						left: unset !important;
1356						bottom: 0 !important;
1357						right: 0 !important;
1358						transform: translate(5px,calc(100% - 6px)) !important;
1359						min-width: unset !important;
1360					}
1361					#mate-werden .navbar-nav .dropdown-menu .dropdown-item > a {
1362						padding-right: 15px;
1363						font-size: 13px;
1364					}
1365					#mate-werden .navbar-nav .dropdown-menu .dropdown-item > a:hover {
1366						transform: translateX(-3px);
1367					}
1368					a#registerNow {
1369						color: #fff;
1370					}
1371					#mate-werden .nav-item:hover > a#registerNow.nav-link {
1372						color: #ccc !important;
1373					}
1374
1375					@media (min-width: 992px) {
1376						#partnerinfo {
1377							max-width: calc(100% - 190px);
1378						}
1379					}
1380
1381                    #partnerinfo a {
1382                        color: white;
1383                    }
1384                    #partnerinfo a:hover {
1385                        text-decoration: underline;
1386                    }
1387					#navbarMainNav nav.navbar-light a.nav-link.nav-highlighted:not(.active):not(:hover) {
1388						color: #bb1212;
1389					}
1390					#navbarMainNav ul.navbar-nav .nav-highlighted {
1391						color: #bb1212;
1392					}
1393
1394                    #trustpilot {
1395                        margin: 0 auto;
1396                        position: absolute;
1397                        left: 50%;
1398                    }
1399                </style>
1400                                                        <div id="partnerinfo" style="flex-grow:1;">
1401                        <span class="text-white"><span id="top-bar-partner-txt"></span></span>
1402                    </div>
1403                
1404				<!-- Jetzt registrieren -->
1405				<div id="mate-werden" class="d-none d-lg-inline-block" style="padding-right:15px;">
1406					<ul class="navbar-nav navbar-sm">
1407						<li class="nav-item dropdown active">
1408							<a id="registerNow" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="display:inline-flex; align-items:center; height:40px; padding:0 !important;">Jetzt registrieren</a>
1409							<ul class="dropdown-menu dropdown-menu-clean dropdown-menu-hover dropdown-menu-dark" aria-labelledby="registerNow">
1410								                                <li class="dropdown-item">
1411									<a class="dropdown-link" href="https://www.hempmate.com/de-ch/kunde-werden/">als Kunde</a>
1412								</li>
1413                                								<li class="dropdown-item">
1414									<a class="dropdown-link" href="https://www.hempmate.com/de-ch/mate-werden/">als Partner</a>
1415								</li>
1416							</ul>
1417						</li>
1418					</ul>
1419				</div>
1420                
1421                <!-- COUNTRY SELECT -->
1422                <div id="cntry-select">
1423                    <a href="javascript:;" class="dropdown-toggle rounded-circle img-grayscale-hover" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" style="background-image:url('/images/flags/round/ch.svg');" title="Land auswählen"></a>
1424                    <div class="dropdown-menu dropdown-click-ignore p-0">
1425                        <div class="dropdown-header text-center">
1426                                                            <i style="font-weight:600;">&raquo;&nbsp;Switzerland&nbsp;&laquo;</i>
1427                            
1428                                                    </div>
1429                        <div class="dropdown-divider"></div>
1430                        <div id="cntry-select-pages">
1431							                            <div id="cntry-select-pg-0" index="0" class="cntry-select-pg show" data-parent="#cntry-select-pages">
1432								                                                                
1433                                
1434                                <a href="https://www.hempmate.com/de-ch/" arial-label="land: " class="dropdown-item">Switzerland<i>
1434<img src="/images/flags/round_stroke/ch.svg"></i></a>
1435																																	                                                                
1436                                
1437                                <a href="https://www.hempmate.com/de-de/" arial-label="land: " class="dropdown-item">Germany<i><img src="/images/flags/round_stroke/de.svg"></i></a>
1438																																	                                                                
1439                                
1440                                <a href="https://www.hempmate.com/de-at/" arial-label="land: " class="dropdown-item">Austria<i><img src="/images/flags/round_stroke/at.svg"></i></a>
1441																																	                                                                
1442                                
1443                                <a href="https://www.hempmate.com/de-hu/" arial-label="land: " class="dropdown-item">Hungary<i><img src="/images/flags/round_stroke/hu.svg"></i></a>
1444																																	                                                                
1445                                
1446                                <a href="https://www.hempmate.com/de-fr/" arial-label="land: " class="dropdown-item">France<i>
1446<img src="/images/flags/round_stroke/fr.svg"></i></a>
1447																																	                                                                
1448                                
1449                                <a href="https://www.hempmate.com/de-es/" arial-label="land: " class="dropdown-item">Spain<i><img src="/images/flags/round_stroke/es.svg"></i></a>
1450																																	                                                                
1451                                
1452                                <a href="https://www.hempmate.com/de-it/" arial-label="land: " class="dropdown-item">Italy<i><img src="/images/flags/round_stroke/it.svg"></i></a>
1453																																	                                                                
1454                                
1455                                <a href="https://www.hempmate.com/de-lu/" arial-label="land: " class="dropdown-item">Luxembourg<i><img src="/images/flags/round_stroke/lu.svg"></i></a>
1456																																	</div>
1457							<div id="cntry-select-pg-1" index="1" class="cntry-select-pg" data-parent="#cntry-select-pages">
1458																																		                                                                
1459                                
1460                                <a href="https://www.hempmate.com/de-be/" arial-label="land: " class="dropdown-item">Belgium<i>
1460<img src="/images/flags/round_stroke/be.svg"></i></a>
1461																																	                                                                
1462                                
1463                                <a href="https://www.hempmate.com/de-bg/" arial-label="land: " class="dropdown-item">Bulgaria<i><img src="/images/flags/round_stroke/bg.svg"></i></a>
1464																																	                                                                
1465                                
1466                                <a href="https://www.hempmate.com/de-ic/" arial-label="land: " class="dropdown-item">Canary Islands<i><img src="/images/flags/round_stroke/ic.svg"></i></a>
1467																																	                                                                
1468                                
1469                                <a href="https://www.hempmate.com/de-hr/" arial-label="land: " class="dropdown-item">Croatia<i><img src="/images/flags/round_stroke/hr.svg"></i></a>
1470																																	                                                                
1471                                
1472                                <a href="https://www.hempmate.com/de-cy/" arial-label="land: " class="dropdown-item">Cyprus<i>
1472<img src="/images/flags/round_stroke/cy.svg"></i></a>
1473																																	                                                                
1474                                
1475                                <a href="https://www.hempmate.com/de-cz/" arial-label="land: " class="dropdown-item">Czech Republic<i><img src="/images/flags/round_stroke/cz.svg"></i></a>
1476																																	                                                                
1477                                
1478                                <a href="https://www.hempmate.com/de-dk/" arial-label="land: " class="dropdown-item">Denmark<i><img src="/images/flags/round_stroke/dk.svg"></i></a>
1479																																	                                                                
1480                                
1481                                <a href="https://www.hempmate.com/de-ee/" arial-label="land: " class="dropdown-item">Estonia<i><img src="/images/flags/round_stroke/ee.svg"></i></a>
1482																																	</div>
1483							<div id="cntry-select-pg-2" index="2" class="cntry-select-pg" data-parent="#cntry-select-pages">
1484																																		                                                                
1485                                
1486                                <a href="https://www.hempmate.com/de-fi/" arial-label="land: " class="dropdown-item">Finland<i>
1486<img src="/images/flags/round_stroke/fi.svg"></i></a>
1487																																	                                                                
1488                                
1489                                <a href="https://www.hempmate.com/de-gr/" arial-label="land: " class="dropdown-item">Greece<i><img src="/images/flags/round_stroke/gr.svg"></i></a>
1490																																	                                                                
1491                                
1492                                <a href="https://www.hempmate.com/de-ie/" arial-label="land: " class="dropdown-item">Ireland<i><img src="/images/flags/round_stroke/ie.svg"></i></a>
1493																																	                                                                
1494                                
1495                                <a href="https://www.hempmate.com/de-lv/" arial-label="land: " class="dropdown-item">Latvia<i><img src="/images/flags/round_stroke/lv.svg"></i></a>
1496																																	                                                                
1497                                
1498                                <a href="https://www.hempmate.com/de-lt/" arial-label="land: " class="dropdown-item">Lithuania<i>
1498<img src="/images/flags/round_stroke/lt.svg"></i></a>
1499																																	                                                                
1500                                
1501                                <a href="https://www.hempmate.com/de-nl/" arial-label="land: " class="dropdown-item">Netherlands<i><img src="/images/flags/round_stroke/nl.svg"></i></a>
1502																																	                                                                
1503                                
1504                                <a href="https://www.hempmate.com/de-pl/" arial-label="land: " class="dropdown-item">Poland<i><img src="/images/flags/round_stroke/pl.svg"></i></a>
1505																																	                                                                
1506                                
1507                                <a href="https://www.hempmate.com/de-pt/" arial-label="land: " class="dropdown-item">Portugal<i><img src="/images/flags/round_stroke/pt.svg"></i></a>
1508																																	</div>
1509							<div id="cntry-select-pg-3" index="3" class="cntry-select-pg" data-parent="#cntry-select-pages">
1510																																		                                                                
1511                                
1512                                <a href="https://www.hempmate.com/de-ro/" arial-label="land: " class="dropdown-item">Romania<i>
1512<img src="/images/flags/round_stroke/ro.svg"></i></a>
1513																																	                                                                
1514                                
1515                                <a href="https://www.hempmate.com/de-sk/" arial-label="land: " class="dropdown-item">Slovakia<i><img src="/images/flags/round_stroke/sk.svg"></i></a>
1516																																	                                                                
1517                                
1518                                <a href="https://www.hempmate.com/de-si/" arial-label="land: " class="dropdown-item">Slovenia<i><img src="/images/flags/round_stroke/si.svg"></i></a>
1519																																	                                                                
1520                                
1521                                <a href="https://www.hempmate.com/de-se/" arial-label="land: " class="dropdown-item">Sweden<i><img src="/images/flags/round_stroke/se.svg"></i></a>
1522																																	                                                                
1523                                
1524                                <a href="https://www.hempmate.com/de-gb/" arial-label="land: " class="dropdown-item">United Kingdom<i>
1524<img src="/images/flags/round_stroke/gb.svg"></i></a>
1525																																	                                                            </div>
1526                            <!-- PAGINATION -->
1527                            <div class="cntry-select-navi">
1528                                <a href="#cntry-select-pg-2" id="cntry-sel-pg-lnk-0" index="2" data-prnt="#cntry-select-pages" class="cntry-sel-pg-lnk index-sw index-sw-prev d-block p-0 text-decoration-none">
1529                                    <span class="cntry-select-pg-btn">
1530                                        <i class=" fi fi-arrow-left"></i><i class=" fi fi-arrow-left"></i>
1531                                    </span>
1532                                </a>
1533                                <a href="#cntry-select-pg-1" id="cntry-sel-pg-lnk-1" index="1" data-prnt="#cntry-select-pages" class="cntry-sel-pg-lnk index-sw index-sw-next d-block p-0 text-decoration-none">
1534                                    <span class="cntry-select-pg-btn">
1535                                        <i class=" fi fi-arrow-right"></i><i class=" fi fi-arrow-right"></i>
1536                                    </span>
1537                                </a>
1538                            </div>
1539							<!-- /PAGINATION -->
1540                        </div>
1541                    </div>
1542                </div>
1543                <!-- /COUNTRY SELECT -->
1544
1545                <!-- LANG SELECT -->
1546                <div id="lang-select">
1547                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" title="Sprache auswählen">
1548                        <svg class="bg-bubble" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
1549                            <path d="M20,1A18.982,18.982,0,0,0,4.489,30.95L.981,39l10.131-2.212A19,19,0,1,0,20,1Z"/>
1550                        </svg>
1551                        <span>DE</span>
1552                    </a>
1553                    <div class="dropdown-menu">
1554                                                    								                                                                <a href="https://www.hempmate.com/de-ch/" arial-label="lang: DE" class="dropdown-item">DE</a>
1555                                                                                								                                                                <a href="https://www.hempmate.com/en-ch/" arial-label="lang: EN" class="dropdown-item">EN</a>
1556                                                                                                                                                                                        								                                                                <a href="https://www.hempmate.com/hu-ch/" arial-label="lang: HU" class="dropdown-item">HU</a>
1557                                                                                								                                                                <a href="https://www.hempmate.com/es-ch/" arial-label="lang: ES" class="dropdown-item">ES</a>
1558                                                                                								                                                                <a href="https://www.hempmate.com/fr-ch/" arial-label="lang: FR" class="dropdown-item">FR</a>
1559                                                                                								                                                                <a href="https://www.hempmate.com/it-ch/" arial-label="lang: IT" class="dropdown-item">IT</a>
1560                                                                                								                                                                <a href="https://www.hempmate.com/ro-ch/" arial-label="lang: RO" class="dropdown-item">RO</a>
1561                                                                        </div>
1562                </div>
1563                <!-- /LANG SELECT -->
1564            </div>
1565        </div>
1566    </div>
1567    <!-- /TOP BAR -->
1568
1569    <!-- NAVBAR -->
1570    <div id="top-nav-holder" class="container position-relative" style="background-color:#fff;">
1571        <nav class="navbar navbar-expand-lg navbar-light justify-content-lg-between justify-content-md-inherit">
1572            <div class="align-items-start">
1573                                <a class="navbar-brand" href="https://www.hempmate.com/">
1574                    <svg id="logo-header" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1272 446">
1575                        <path id="NEW" d="M381.8,1H132.2L1,223,132.2,445l249.6,0L513,223Zm6.257,104.563L363.2,216.6l-82.757,76.8L304.7,155.574Zm-178.91,50.011,23.517,137.68-82.31-76.208L125.8,105.563ZM119.99,302.78,52.861,228.358,144.549,223l90.943,82.31Zm97.492-148.843L256.628,43.5v.744l39.3,109.7L256.777,402.505v-.595Zm61.175,150.778,90.794-82.31,91.688,5.358L394.01,302.185Z"/>
1576                        <g id="MATE">
1577                            <path d="M621.96,262.816h33.49l50.011,147.057,49.714-147.057h34.234v174H766.338V290.2L716.625,436.814H693.852L643.691,290.2V436.962H621.96Z"/>
1578                            <path d="M877.376,262.816h26.643l63.109,173.849h-25.9l-17.862-51.947H854.9l-18.9,52.1H811.885Zm39,102.553-26.792-76.8-27.834,76.8Z"/>
1579                            <path d="M1099.45,262.816V283.8h-58.5V436.814H1017.14V283.8H958.5V262.816Z"/>
1580                            <path d="M1125.8,262.816h126.22V283.8H1148.866v52.839h95.409v20.094h-95.409v59.537H1253.8v20.689H1125.8Z"/>
1581                        </g>
1582                        <g id="HEMP">
1583                            <path d="M622.258,212.953V38.509h36.169V105.19H726.3V38.509h36.317V212.953H726.3V134.959H658.576V212.8Z"/>
1584                            <path d="M919.35,69.468H827.067V106.53h84.691V136.3H827.067v44.653h96.3v31.406H791.344V38.509H919.35Z"/>
1585                            <path d="M1060.751,38.509h52.393V212.953h-33.937V65.9l-33.043,146.462h-35.276L978.143,66.64V213.7H944.355V38.509H997.79l31.7,137.233Z"/>
1586                            <path d="M1256.778,137.489a66.533,66.533,0,0,1-43.76,12.8H1176.4V213.1h-35.871V38.509h74.422a60.428,60.428,0,0,1,41.229,13.544,52.69,52.69,0,0,1,14.884,41.825A54.177,54.177,0,0,1,1256.778,137.489Zm-27.834-62.811a29.762,29.762,0,0,0-19.35-5.8H1176.4v51.2H1209.3a27.982,27.982,0,0,0,19.349-6.252,25.6,25.6,0,0,0,7.294-19.8A23.964,23.964,0,0,0,1228.944,74.678Z"/>
1587                        </g>
1588                    </svg>
1589                </a>
1590            </div>
1591            <div class="collapse navbar-collapse navbar-animate-fadein justify-content-end" id="navbarMainNav">
1592                <!-- NAVIGATION -->
1593                <ul class="navbar-nav">
1594                                                                                                        						                        <!-- pages -->
1595                        <li class="nav-item dropdown" id="limited-sets">
1596                            <a href="https://www.hempmate.com/de-ch/limited-sets/" class="nav-link nav-highlighted dropdown-toggle category-link"
1597								onClick="window.location.href=this.getAttribute('href');"
1598                                data-toggle="dropdown"
1599                                aria-haspopup="true"
1600                                aria-expanded="false">
1601                                Limited Sets                            </a>
1602
1603                                                            <div aria-labelledby="mainNavDocumentation" x-placement="bottom-end" class="dropdown-menu LK dropdown-menu-clean dropdown-menu-hover">
1604                                                                            											                                                                                                                    											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/day-night-set/" class="dropdown-item transition-hover-left clearfix fs--13"> Day & Night Set</a>
1605											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/hello-hempmate-set-de-ch/" class="dropdown-item transition-hover-left clearfix fs--13">Hello  Set - Deutsche Version</a>
1606											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/hello-hempmate-set-en-ch/" class="dropdown-item transition-hover-left clearfix fs--13">Hello  Set - Englische Version</a>
1607											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-hello-dog-set/" class="dropdown-item transition-hover-left clearfix fs--13"> Hello CBDog Set</a>
1608											                                                                                                            </div>
1609                                                    </li>
1610                                                                                                                            						                        <!-- pages -->
1611                        <li class="nav-item dropdown" id="cbd-mund-pflege">
1612                            <a href="https://www.hempmate.com/de-ch/cbd-mundpflege/" class="nav-link dropdown-toggle category-link"
1613								onClick="window.location.href=this.getAttribute('href');"
1614                                data-toggle="dropdown"
1615                                aria-haspopup="true"
1616                                aria-expanded="false">
1617                                CBD Mundpflege                            </a>
1618
1619                                                            <div aria-labelledby="mainNavDocumentation" x-placement="bottom-end" class="dropdown-menu LK dropdown-menu-clean dropdown-menu-hover">
1620                                                                            																																															<a href="https://www.hempmate.com/de-ch/cbd-mund-spray-lemongrass/" class="dropdown-item transition-hover-left clearfix fs--13"> CBDent Fluid Lemon Grass</a>
1621											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-mund-spray-eucalyptus/" class="dropdown-item transition-hover-left clearfix fs--13"> CBDent Fluid Eucalyptus</a>
1622											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-zahn-gel-lemongrass/" class="dropdown-item transition-hover-left clearfix fs--13"> CBDent Gel Lemon Grass MHD 10/26</a>
1623											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-zahn-gel-eucalyptus/" class="dropdown-item transition-hover-left clearfix fs--13"> CBDent Gel Eucalyptus MHD 10/26</a>
1624											                                                                                                            </div>
1625                                                    </li>
1626                                                                                    						                        <!-- pages -->
1627                        <li class="nav-item dropdown" id="cbd-kosmetik">
1628                            <a href="https://www.hempmate.com/de-ch/cbd-kosmetik/" class="nav-link dropdown-toggle category-link"
1629								onClick="window.location.href=this.getAttribute('href');"
1630                                data-toggle="dropdown"
1631                                aria-haspopup="true"
1632                                aria-expanded="false">
1633                                CBD Kosmetik                            </a>
1634
1635                                                            <div aria-labelledby="mainNavDocumentation" x-placement="bottom-end" class="dropdown-menu LK dropdown-menu-clean dropdown-menu-hover">
1636                                                                            																																															<a href="https://www.hempmate.com/de-ch/cbd-gelenk-oel-agility/" class="dropdown-item transition-hover-left clearfix fs--13"> Joint Relief Agility+</a>
1637											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-sport-gel/" class="dropdown-item transition-hover-left clearfix fs--13"> Joint Relief Gel</a>
1638											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-anti-aging-tagescreme/" class="dropdown-item transition-hover-left clearfix fs--13"> Sativa Omorfiá Day</a>
1639											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-anti-aging-nachtcreme/" class="dropdown-item transition-hover-left clearfix fs--13"> Sativa Omorfiá Night</a>
1640											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-repair-wundsalbe/" class="dropdown-item transition-hover-left clearfix fs--13"> Sativa Repair Salve</a>
1641											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-deo-creme/" class="dropdown-item transition-hover-left clearfix fs--13"> CBDeodorant</a>
1642											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-body-lotion-100/" class="dropdown-item transition-hover-left clearfix fs--13"> CBDermal Bodyfood 100 ml</a>
1643											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-body-lotion-200/" class="dropdown-item transition-hover-left clearfix fs--13"> CBDermal Bodyfood 200 ml</a>
1644											                                                                                                            </div>
1645                                                    </li>
1646                                                                                    						                        <!-- pages -->
1647                        <li class="nav-item dropdown" id="food">
1648                            <a href="https://www.hempmate.com/de-ch/food/" class="nav-link dropdown-toggle category-link"
1649								onClick="window.location.href=this.getAttribute('href');"
1650                                data-toggle="dropdown"
1651                                aria-haspopup="true"
1652                                aria-expanded="false">
1653                                Food                            </a>
1654
1655                                                            <div aria-labelledby="mainNavDocumentation" x-placement="bottom-end" class="dropdown-menu LK dropdown-menu-clean dropdown-menu-hover">
1656                                                                            																																															<a href="https://www.hempmate.com/de-ch/cbd-superfood-youth/" class="dropdown-item transition-hover-left clearfix fs--13"> CBDust Youth</a>
1657											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-superfood-renew/" 
1657class="dropdown-item transition-hover-left clearfix fs--13"> CBDust Renew</a>
1658											                                                                                                            </div>
1659                                                    </li>
1660                                                                                    						                        <!-- pages -->
1661                        <li class="nav-item dropdown" id="cbd-tiere">
1662                            <a href="https://www.hempmate.com/de-ch/cbd-tiere/" class="nav-link dropdown-toggle category-link"
1663								onClick="window.location.href=this.getAttribute('href');"
1664                                data-toggle="dropdown"
1665                                aria-haspopup="true"
1666                                aria-expanded="false">
1667                                CBD für Tiere                            </a>
1668
1669                                                            <div aria-labelledby="mainNavDocumentation" x-placement="bottom-end" class="dropdown-menu LK dropdown-menu-clean dropdown-menu-hover">
1670                                                                            																																															<a href="https://www.hempmate.com/de-ch/cbd-oel-hund/" class="dropdown-item transition-hover-left clearfix fs--13"> CBD Öl Pet Edition</a>
1671											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-hunde-kekse/" class="dropdown-item transition-hover-left clearfix fs--13"> CBDog Cookies</a>
1672											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-oel-katze/" class="dropdown-item transition-hover-left clearfix fs--13"> CBD Öl Cat Edition</a>
1673											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-konzentrat-hund-10-prozent/" class="dropdown-item transition-hover-left clearfix fs--13"> Pet Concentrate 10%</a>
1674											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-konzentrat-hund-15-prozent/" class="dropdown-item transition-hover-left clearfix fs--13"> Pet Concentrate 15%</a>
1675											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbd-konzentrat-hund-20-prozent/" class="dropdown-item transition-hover-left clearfix fs--13"> Pet Concentrate 20%</a>
1676											                                                                                                            </div>
1677                                                    </li>
1678                                                                                    						                        <!-- pages -->
1679                        <li class="nav-item dropdown" id="cbg-oele">
1680                            <a href="https://www.hempmate.com/de-ch/cbg-oele/" class="nav-link dropdown-toggle category-link"
1681								onClick="window.location.href=this.getAttribute('href');"
1682                                data-toggle="dropdown"
1683                                aria-haspopup="true"
1684                                aria-expanded="false">
1685                                CBG+                            </a>
1686
1687                                                            <div aria-labelledby="mainNavDocumentation" x-placement="bottom-end" class="dropdown-menu LK dropdown-menu-clean dropdown-menu-hover">
1688                                                                            																																															<a href="https://www.hempmate.com/de-ch/cbg-oel-4-4/" class="dropdown-item transition-hover-left clearfix fs--13"> CoFIT Prevent 4+4</a>
1689											                                                                                                                    																																															<a href="https://www.hempmate.com/de-ch/cbg-oel-8-8/" class="dropdown-item transition-hover-left clearfix fs--13"> CoFIT Acute 8+8</a>
1690											                                                                                                            </div>
1691                                                    </li>
1692                                        
1693					
1694                </ul>
1695                <!-- /NAVIGATION -->
1696            </div>
1697
1698            <!-- OPTIONS -->
1699            <ul class="list-inline list-unstyled mb-0 d-flex align-items-end" id="navi-buttons">
1700                <!-- USER MENU -->
1701                <li class="list-inline-item navi-btn-holder dropdown">
1702                    <a href="javascript:;" aria-label="Account Options" id="dropdownAccountOptions" class="btn btn-ico-holder btn-primary btn-soft-static delayed-class" data-toggle="dropdown" data-child="AccountOptionsdropdown" aria-expanded="false" aria-haspopup="true">
1703                        <svg id="user_ico" class="nav-change-ico" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 614 512">
1704                            <path class="ico-A" d="M77.29,506c0-18.49-.82-36.47.27-54.35.83-13.71,9.2-24.58,18.26-34.47,19.73-21.53,44.06-36.91,69.86-49.81,19.59-9.79,39.75-18.55,60.09-26.69,21-8.39,27.82-30.18,17.9-51.54-3.46-7.46-10.89-13-15.85-19.86-30.83-42.83-46.94-90.4-43.83-143.46,2.17-36.92,15.16-69.21,44.63-93.36,58.81-48.18,179-34.56,199.16,74.22,8.14,44-.68,85.66-19.46,125.62a218.784,218.784,0,0,1-35.33,53.18,16,16,0,0,0-3.31,5.77c-3,9.86-4.68,19.91-2.3,30.17,2.16,9.32,7.59,15.66,16.93,18.88,35.54,12.26,69.74,27.39,101,48.46,15.13,10.19,29.14,21.65,40,36.59,7.43,10.25,11.78,21.44,11.7,34.25-.1,15.29,0,30.58,0,46.39Z"/>
1705                            <path class="ico-B" d="M351.512,256,557,461.491,512.491,506,307,300.512,101.515,506,57.006,461.491,262.494,256,57.006,50.515,101.515,6.006,307,211.494,512.491,6.006,557,50.515Z"/>
1706                        </svg>
1707                    </a>
1708                    <div id="AccountOptionsdropdown" aria-labelledby="dropdownAccountOptions" class="prefix-link-icon prefix-icon-dot dropdown-menu dropdown-menu-clean dropdown-menu-invert dropdown-click-ignore p-0 fs--15" x-placement="bottom-end" style="will-change:transform; margin-top:0; border-top-right-radius:0;">
1709                                                    <a href="https://my.hempmate.com" title="Log Out" class="prefix-icon-ignore dropdown-footer dont-break dropdown-custom-ignore">
1710                                <i class="fi fi-power" style="margin-right:7px;"></i>
1711                                Partner Login                            </a>
1712                            <a href="/de-ch/login/" title="Log Out" class="prefix-icon-ignore dropdown-footer dont-break dropdown-custom-ignore">
1713                                <i class="fi fi-power" style="margin-right:7px;"></i>
1714                                Kunden Login                            </a>
1715                                            </div>
1716                </li>
1717
1718                <!-- SHOPPING CART -->
1719                <li class="list-inline-item navi-btn-holder dropdown">
1720                <div id="pjaxWarenkorb" data-pjax-container="" data-pjax-push-state data-pjax-timeout="0">                    <a href="javascript:;" aria-label="Shnopping cart" id="dropdownShoppingCart" class="btn btn-ico-holder btn-primary btn-soft-static delayed-class" data-toggle="dropdown" data-child="ShoppingCartdropdown" aria-expanded="false" aria-haspopup="true">
1721                        <svg id="cart_ico" class="nav-change-ico" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 614 512">
1722                            <path class="ico-A" d="M541.284,300.259,587.408,97.137a23.433,23.433,0,0,0-22.834-28.632H181.343L172.4,24.746a23.422,23.422,0,0,0-22.942-18.74H49.422A23.427,23.427,0,0,0,26.006,29.443V45.068A23.427,23.427,0,0,0,49.422,68.505h68.184l68.54,335.382a54.65,54.65,0,1,0,65.415,8.364H456.11a54.619,54.619,0,1,0,62.052-10.161l5.382-23.707a23.431,23.431,0,0,0-22.833-28.631H238.819l-6.386-31.25H518.45A23.419,23.419,0,0,0,541.284,300.259Z"/>
1723                            <path class="ico-B" d="M351.512,256,557,461.491,512.491,506,307,300.512,101.515,506,57.006,461.491,262.494,256,57.006,50.515,101.515,6.006,307,211.494,512.491,6.006,557,50.515Z"/>
1724                        </svg>
1725                                            </a>
1726                    <div id="ShoppingCartdropdown" aria-labelledby="dropdownShoppingCart" class="prefix-link-icon prefix-icon-dot dropdown-menu dropdown-menu-clean dropdown-menu-invert dropdown-click-ignore p-0 fs--15" x-placement="bottom-end" style="will-change:transform; margin-top:0; border-top-right-radius:0;">
1727
1728											<!-- No Items In Cart -->
1729						<div class="m-0 text-truncate font-weight-light text-danger">Warenkorb ist leer</div>
1730						<!-- /No Items In Cart -->
1731					
1732					</div>
1733                </div>                </li>
1734				<!-- /SHOPPING CART -->
1735
1736                <!-- sidebar toggler : mobile only -->
1737                <li class="list-inline-item navi-btn-holder d-inline-block d-lg-none">
1738                    <a href="#aside-main" id="sidebar-toggle-btn" class="btn-sidebar-toggle btn btn-ico-holder btn-primary btn-soft-static">
1739                        <div id="sidebar-toggler">
1740                            <span></span>
1741                        </div>
1742                    </a>
1743                </li>
1744
1745            </ul>
1746            <!-- /OPTIONS -->
1747        </nav>
1748    </div>
1749    <!-- /NAVBAR -->
1750</header>
1751<!-- /HEADER -->
1752
1753<!-- SIDEBAR -->
1754<style>
1755	#logo-sidebar {
1756		display: block;
1757		height: 60px;
1758		width: auto;
1759		margin: 0 auto;
1760	}
1761	#logo-sidebar:hover path {
1762		fill: #6ea87f;
1763	}
1764</style>
1765
1766<aside id="aside-main" class="aside-start aside-secondary font-weight-light aside-hide-xs shadow-xs d-flex d-lg-none align-items-stretch justify-content-lg-between align-items-start flex-column">
1767
1768	<div class="clearfix px-3 py-4 mb-1 text-center border-bottom">
1769				<a class="navbar-brand" href="https://www.hempmate.com" style="margin-right:0 !important;">
1770			<svg id="logo-sidebar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1272 446">
1771				<path id="NEW" d="M381.8,1H132.2L1,223,132.2,445l249.6,0L513,223Zm6.257,104.563L363.2,216.6l-82.757,76.8L304.7,155.574Zm-178.91,50.011,23.517,137.68-82.31-76.208L125.8,105.563ZM119.99,302.78,52.861,228.358,144.549,223l90.943,82.31Zm97.492-148.843L256.628,43.5v.744l39.3,109.7L256.777,402.505v-.595Zm61.175,150.778,90.794-82.31,91.688,5.358L394.01,302.185Z"/>
1772				<g id="MATE">
1773					<path d="M621.96,262.816h33.49l50.011,147.057,49.714-147.057h34.234v174H766.338V290.2L716.625,436.814H693.852L643.691,290.2V436.962H621.96Z"/>
1774					<path d="M877.376,262.816h26.643l63.109,173.849h-25.9l-17.862-51.947H854.9l-18.9,52.1H811.885Zm39,102.553-26.792-76.8-27.834,76.8Z"/>
1775					<path d="M1099.45,262.816V283.8h-58.5V436.814H1017.14V283.8H958.5V262.816Z"/>
1776					<path d="M1125.8,262.816h126.22V283.8H1148.866v52.839h95.409v20.094h-95.409v59.537H1253.8v20.689H1125.8Z"/>
1777				</g>
1778				<g id="HEMP">
1779					<path d="M622.258,212.953V38.509h36.169V105.19H726.3V38.509h36.317V212.953H726.3V134.959H658.576V212.8Z"/>
1780					<path d="M919.35,69.468H827.067V106.53h84.691V136.3H827.067v44.653h96.3v31.406H791.344V38.509H919.35Z"/>
1781					<path d="M1060.751,38.509h52.393V212.953h-33.937V65.9l-33.043,146.462h-35.276L978.143,66.64V213.7H944.355V38.509H997.79l31.7,137.233Z"/>
1782					<path d="M1256.778,137.489a66.533,66.533,0,0,1-43.76,12.8H1176.4V213.1h-35.871V38.509h74.422a60.428,60.428,0,0,1,41.229,13.544,52.69,52.69,0,0,1,14.884,41.825A54.177,54.177,0,0,1,1256.778,137.489Zm-27.834-62.811a29.762,29.762,0,0,0-19.35-5.8H1176.4v51.2H1209.3a27.982,27.982,0,0,0,19.349-6.252,25.6,25.6,0,0,0,7.294-19.8A23.964,23.964,0,0,0,1228.944,74.678Z"/>
1783				</g>
1784			</svg>
1785		</a>
1786	</div>
1787	<!-- /LOGO -->
1788
1789	<style>
1790		#partner-werden-aside {
1791			width: 100%;
1792			padding: 0.666rem;
1793		}
1794		#partner-werden-aside a.btn.btn-md {
1795			font-size: 0.8rem;
1796		}
1797		#partner-werden-aside a.btn.cart-btn {
1798			color: #fff;
1799		}
1800		#partner-werden-aside a.btn.btn-back:hover {
1801			background-color: #a9acaa;
1802		}
1803		#partner-werden-aside .btn + .btn {
1804			margin-left: 0;
1805		}
1806	</style>
1807    <div class="aside-wrapper scrollable-vertical scrollable-styled-dark align-self-baseline h-100 w-100 d-flex flex-column align-items-start justify-content-between">
1808        <nav class="nav-deep nav-deep-light">
1809            <ul class="nav flex-column">
1810                                                                                                <li class="nav-item">
1811                            <a class="nav-link" href="/de-ch/limited-sets/">
1812                                <!--<i class="fi fi-home"></i> -->
1813                                <b>Limited Sets</b>
1814                            </a>
1815                        </li>
1816                                                                                                                    <li class="nav-item">
1817                            <a class="nav-link" href="/de-ch/cbd-mundpflege/">
1818                                <!--<i class="fi fi-home"></i> -->
1819                                <b>CBD Mundpflege</b>
1820                            </a>
1821                        </li>
1822                                                                                <li class="nav-item">
1823                            <a class="nav-link" href="/de-ch/cbd-kosmetik/">
1824                                <!--<i class="fi fi-home"></i> -->
1825                                <b>CBD Kosmetik</b>
1826                            </a>
1827                        </li>
1828                                                                                <li class="nav-item">
1829                            <a class="nav-link" href="/de-ch/food/">
1830                                <!--<i class="fi fi-home"></i> -->
1831                                <b>
1831Food</b>
1832                            </a>
1833                        </li>
1834                                                                                <li class="nav-item">
1835                            <a class="nav-link" href="/de-ch/cbd-tiere/">
1836                                <!--<i class="fi fi-home"></i> -->
1837                                <b>CBD für Tiere</b>
1838                            </a>
1839                        </li>
1840                                                                                <li class="nav-item">
1841                            <a class="nav-link" href="/de-ch/cbg-oele/">
1842                                <!--<i class="fi fi-home"></i> -->
1843                                <b>CBG+</b>
1844                            </a>
1845                        </li>
1846                                    
1847				            </ul>
1848        </nav>
1849        <div id="partner-werden-aside">
1850            			    <a class="btn cart-btn btn-md btn-block" href="/de-ch/kunde-werden/">Jetzt als Kunde registrieren!</a>
1851            			<a class="btn btn-back btn-md btn-block" href="/de-ch/mate-werden/">Jetzt als Partner registrieren!</a>
1852		</div>
1853    </div>
1854</aside>
1855<!-- /SIDEBAR -->
1856
1857
1858<!-- BANNER -->
1859<style>
1860    #top-banner-container {
1861        position: relative;
1862    }
1863	/*
1864    #top-banner-container .banner {
1865        position: absolute;
1866        bottom: 0;
1867        left: 0;
1868        z-index: 1;
1869    }
1870	*/
1871    section#top-banner > #top-banner-container .slogan {
1872		display: block;
1873		max-width: calc(100% - 40px);
1874		z-index: 5;
1875		/*
1876        position: absolute;
1877        top: 0;
1878        left: 20px;
1879		/*
1880    }
1881	#top-banner {
1882		padding: 80px 0 !important;
1883	}
1884	.banner.banner-text {
1885		display: block;
1886		left: 50% !important;
1887		top: 7%;
1888		/* transform: translateX(-50%); */
1889	}
1890	.bannersized-text {
1891		font-size: 64px;
1892		line-height: 70px;
1893		white-space: nowrap;
1894	}
1895    @media (max-width: 1199px) {
1896		.bannersized-text {
1897			font-size: 56px;
1898			line-height: 64px;
1899		}
1900		#top-banner {
1901			padding: 80px 0 !important;
1902		}
1903    }
1904    @media (max-width: 991px) {
1905		.bannersized-text {
1906			font-size: 46px;
1907			line-height: 55px;
1908		}
1909		.banner-text-holder a.btn {
1910			display: none;
1911		}
1912		#top-banner {
1913			padding: 60px 0 !important;
1914		}
1915    }
1916    @media (max-width: 767px) {
1917		.bannersized-text {
1918			font-size: 36px;
1919			line-height: 42px;
1920			letter-spacing: -1px;
1921		}
1922		#top-banner {
1923			padding: 40px 0 !important;
1924		}
1925    }
1926    @media (max-width: 575px) {
1927		.bannersized-text {
1928			font-size: 28px;
1929			line-height: 34px;
1930			letter-spacing: -2px;
1931		}
1932		#top-banner {
1933			padding: 20px 0 !important;
1934		}
1935    }
1936    @media (max-width: 420px) {
1937		#top-banner {
1938			padding: 10px 0 !important;
1939		}
1940	}
1941	.intro-font {
1942		font-size: 19.9218px;
1943	}
1944	#banner-conti-txt {
1945		/*
1946		position: absolute !important;
1947		left: 0;
1948		top: 9%;
1949		*/
1950		margin: 20px auto;
1951		text-align: center;
1952		z-index: 27;
1953	}
1954	.banner-text-holder {
1955		width: 100%;
1956	}
1957	.banner-text-holder span.banner-txt-normal {
1958		display: inline-block;
1959		margin-top: 10px;
1960		margin-bottom: 10px;
1961	}
1962	.banner-text-holder .btn {
1963		margin-top: 15px;
1964	}
1965	.banner-text-holder .pls-wrap {
1966		white-space: break-spaces !important;
1967		white-space: normal !important;
1968	}
1969	.carousel.carousel-fade .carousel-item {
1970		display: block;
1971		opacity: 0;
1972		transition: opacity ease-out .7s;
1973	}
1974	.carousel.carousel-fade .carousel-item.active {
1975		opacity: 1 !important;
1976	}
1977	.banner-background {
1978		background-color: #697996;
1979		-webkit-transition: background-color 1800ms ease-in;
1980		transition: background-color 1800ms ease-in;
1981	}
1982	.banner-text-holder {
1983		color: #f9f9f9;
1984		-webkit-transition: color 900ms ease-in;
1985		transition: color 900ms ease-in;
1986	}
1987</style>
1988
1989    
1990    <style>
1991        .banner-background {
1992            background-color: #cccfce;
1993        }
1994        .banner-text-holder {
1995            color: #212529;
1996        }
1997    </style>
1998
1999    <section id="top-banner" class="banner-background p-0" data-bgcolor="#cccfce">
2000        <div id="head-slider" class="carousel slide carousel-fade" data-ride="carousel" data-interval="4800" data-pause="false">
2001            <div class="carousel-inner">
2002
2003                                                    <div class="carousel-item active" data-bannerBG="#fce1b5" data-textCOL="#212529">
2004                        <div id="hempmate-4-pet" data-index="0" class="col-12">
2005                            <div class="container">
2006                                <div class="row d-flex flex-wrap h-100">
2007                                    <div class="col-12 col-lg-6 order-2 order-lg-1 d-middle">
2008                                        <div class="banner-text-holder">
2009                                            <span class="banner-font bannersized-text pls-wrap"><strong>Find</strong> your <strong>balance</strong>. <strong>Every day</strong> anew.</span><br>
2010                                            <a href="http://www.hempmate.com/de-ch/cbd-oel-5-prozent" class="btn cart-btn text-white" style="display:inline-block;">Find out more</a>
2011                                        </div>
2012                                    </div>
2013                                    <div class="col-12 col-lg-6 order-1 order-lg-2 d-middle">
2014                                        <img src="https://cdn-b.hempmate.com/upload/banner/cc4820964efaa15de35da90ea83219a1.png" alt="product image" class="swiper-lazy" style="width:auto; max-width:100%; align-self:center;">
2015                                    </div>
2016                                </div>
2017                            </div>
2018                        </div>
2019                    </div>
2020                                    <div class="carousel-item " data-bannerBG="#cccfce" data-textCOL="#212529">
2021                        <div id="hempmate-4-pet" data-index="0" class="col-12">
2022                            <div class="container">
2023                                <div class="row d-flex flex-wrap h-100">
2024                                    <div class="col-12 col-lg-6 order-2 order-lg-1 d-middle">
2025                                        <div class="banner-text-holder">
2026                                            <span class="banner-font bannersized-text pls-wrap">Stay <strong>fresh</strong>. Stay <strong>natural</strong>. Get <strong>CBDeodorant</strong>.</span><br>
2027                                            <a href="http://www.hempmate.com/de-ch/cbd-deo-creme" class="btn cart-btn text-white" style="display:inline-block;">Learn more</a>
2028                                        </div>
2029                                    </div>
2030                                    <div class="col-12 col-lg-6 order-1 order-lg-2 d-middle">
2031                                        <img src="https://cdn-b.hempmate.com/upload/banner/d4e71f956b96ff9fd9db78c437d9ac55.png" alt="product image" class="swiper-lazy" style="width:auto; max-width:100%; align-self:center;">
2032                                    </div>
2033                                </div>
2034                            </div>
2035                        </div>
2036                    </div>
2037                                    <div class="carousel-item " data-bannerBG="#F8D6C7" data-textCOL="#212529">
2038                        <div id="hempmate-4-pet" data-index="0" class="col-12">
2039                            <div class="container">
2040                                <div class="row d-flex flex-wrap h-100">
2041                                    <div class="col-12 col-lg-6 order-2 order-lg-1 d-middle">
2042                                        <div class="banner-text-holder">
2043                                            <span class="banner-font bannersized-text pls-wrap">Now<strong> ready </strong>to<strong> travel</strong>. <strong>CBDermal Bodyfood </strong>100 ml.</span><br>
2044                                            <a href="http://www.hempmate.com/de-ch/cbd-body-lotion-100" class="btn cart-btn text-white" style="display:inline-block;">Learn more</a>
2045                                        </div>
2046                                    </div>
2047                                    <div class="col-12 col-lg-6 order-1 order-lg-2 d-middle">
2048                                        <img src="https://cdn-b.hempmate.com/upload/banner/91a7848db29c398a06c9c03fbda314b3.png" alt="product image" class="swiper-lazy" style="width:auto; max-width:100%; align-self:center;">
2049                                    </div>
2050                                </div>
2051                            </div>
2052                        </div>
2053                    </div>
2054                                    <div class="carousel-item " data-bannerBG="#fce1b5" data-textCOL="#212529">
2055                        <div id="hempmate-4-pet" data-index="0" class="col-12">
2056                            <div class="container">
2057                                <div class="row d-flex flex-wrap h-100">
2058                                    <div class="col-12 col-lg-6 order-2 order-lg-1 d-middle">
2059                                        <div class="banner-text-holder">
2060                                            <span class="banner-font bannersized-text pls-wrap">Join the <strong>dental revolution</strong>. Get <strong>CBDent Gel</strong>.</span><br>
2061                                            <a href="http://www.hempmate.com/de-ch/cbd-zahn-gel-lemongrass" class="btn cart-btn text-white" style="display:inline-block;">Find out more</a>
2062                                        </div>
2063                                    </div>
2064                                    <div class="col-12 col-lg-6 order-1 order-lg-2 d-middle">
2065                                        <img src="https://cdn-b.hempmate.com/upload/banner/ca98aefbe0458ce53b6b8fb55de9654c.png" alt="product image" class="swiper-lazy" style="width:auto; max-width:100%; align-self:center;">
2066                                    </div>
2067                                </div>
2068                            </div>
2069                        </div>
2070                    </div>
2071                                    <div class="carousel-item " data-bannerBG="#F8D6C7" data-textCOL="#212529">
2072                        <div id="hempmate-4-pet" data-index="0" class="col-12">
2073                            <div class="container">
2074                                <div class="row d-flex flex-wrap h-100">
2075                                    <div class="col-12 col-lg-6 order-2 order-lg-1 d-middle">
2076                                        <div class="banner-text-holder">
2077                                            <span class="banner-font bannersized-text pls-wrap"><strong>Rich</strong> food for smooth <strong>skin</strong>. <strong>CBDermal Bodyfood</strong>.</span><br>
2078                                            <a href="http://www.hempmate.com/de-ch/cbd-body-lotion-200" class="btn cart-btn text-white" style="display:inline-block;">Learn more</a>
2079                                        </div>
2080                                    </div>
2081                                    <div class="col-12 col-lg-6 order-1 order-lg-2 d-middle">
2082                                        <img src="https://cdn-b.hempmate.com/upload/banner/45e3730d764102ba0dc0fe3e090bfa79.png" alt="product image" class="swiper-lazy" style="width:auto; max-width:100%; align-self:center;">
2083                                    </div>
2084                                </div>
2085                            </div>
2086                        </div>
2087                    </div>
2088                                    <div class="carousel-item " data-bannerBG="#85a18d" data-textCOL="#212529">
2089                        <div id="hempmate-4-pet" data-index="0" class="col-12">
2090                            <div class="container">
2091                                <div class="row d-flex flex-wrap h-100">
2092                                    <div class="col-12 col-lg-6 order-2 order-lg-1 d-middle">
2093                                        <div class="banner-text-holder">
2094                                            <span class="banner-font bannersized-text pls-wrap"><strong>Move freely</strong> and <strong>lightly</strong>. With <strong>Joint Relief Agility+</strong></span><br>
2095                                            <a href="http://www.hempmate.com/de-ch/cbd-gelenk-oel-agility" class="btn cart-btn text-white" style="display:inline-block;">Learn more</a>
2096                                        </div>
2097                                    </div>
2098                                    <div class="col-12 col-lg-6 order-1 order-lg-2 d-middle">
2099                                        <img src="https://cdn-b.hempmate.com/upload/banner/a36b8ab8360ef97c45a937074a4f0728.png" alt="product image" class="swiper-lazy" style="width:auto; max-width:100%; align-self:center;">
2100                                    </div>
2101                                </div>
2102                            </div>
2103                        </div>
2104                    </div>
2105                            </div>
2106        </div>
2107            </section>
2108    <!-- /BANNER -->
2109
2110<!-- WELCOME -->
2111<section class="p-0" style="position:relative; margin-bottom:20px !important;">
2112	<div class="banner-background" style="position:absolute; left:0; top:0; right:0; width:100%; height:100px;"></div>
2113    <div class="container">
2114        <!-- block : about -->
2115        <div class="row d-flex flex-wrap align-items-stretch">
2116            <div class="col-12 col-lg-6 welcome-holder">
2117                <div class="background-std p-4 trust-hempmate">
2118                    <div class="holder">
2119                        <h2 class="h1 prettyfie-hempmate prettyfie-vapemate mb-4">Trust HEMPMATE.</h2>
2120                        <p class="intro-font mb-5">Ein guter Freund richtet dich auf, wenn du am Boden liegst. Ein guter Freund unter
2120stützt dich, wenn du es wirklich brauchst. Und ein guter Freund hilft dir immer dabei, dich zu erinnern, wer du wirklich bist.</p>
2121                        <p class="intro-font mb-5">HempMate ist jene Person, welche du rufst um die Wogen zu glätten. Wie ein Kumpel, vertrauenswürdig und zuverlässig, kann HempMate dir helfen dein Gleichgewicht zu finden und dich dort zu unterstützen, wo du es am meisten brauchst.</p>
2122                    </div>
2123                </div>
2124            </div>
2125            <div class="col-12 col-lg-6 intro-box-holder">
2126                <div class="d-flex flex-wrap align-items-stretch upper-intro-boxes">
2127                    <div class="intro-box intro-box-left intro-box-one">
2128                        <div class="background-std p-4 text-decoration-none text-gray-800">
2129                            <svg class="featured-box-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 444">
2130                                <path d="M380.8,0H131.2L0,222l131.2,222h249.6L512,222L380.8,0z M372,428.3H140L18.1,222L140,15.7h232L493.9,222L372,428.3z M253.8,65.9c-1.5,2.4-6,14.2-9.5,24.8c-9.4,28.3-15.3,57.6-17.4,87.4c-0.8,10.3-0.7,33.5,0.2,44.9c0.4,5.2,0.7,10.2,0.7,11.3l0,1.9 l-1.7-1.9c-0.9-1-3.7-4.5-6.3-7.8c-18.7-23.9-46.8-49.3-73.4-66.2c-10.8-6.9-26-15.5-27.4-15.5c-1.2,0,2.2,9.2,8.8,23.5 c19.4,42.4,42.4,72.2,78,101.4c1.9,1.4,3.6,3,5.3,4.6c-1.9-0.4-3.7-0.9-5.5-1.5c-16.2-4.7-32.7-8-49.5-9.7c-7.9-0.8-37.2-0.7-46.5,0 c-6.7,0.5-15.6,1.7-18,2.2c-0.9,0.2-0.6,0.6,2.8,2.9c27.9,18.7,67,32.5,102.3,36c3.9,0.4,8.5,0.7,10.1,0.7s3,0.2,3,0.4 s-2.2,1.1-4.8,1.9c-23.2,7.5-51.7,23.6-63.7,35.9l-2.1,2.1l4.4-0.2c18-0.8,29.1-2,40.2-4.2c22.5-4.5,44.5-13,61.2-23.5l4.6-2.9l0,5 c0,9.2,0.9,25.8,1.6,31c0.9,6.6,2.5,13,4.8,19.2l1.8,4.2l1.8-0.1c3.3-0.2,3.3-0.5,1.2-8.2c-3.4-12.4-4.7-23.3-4.7-38.7 c0-10.7,0.2-12.1,1.6-11.7c0.5,0.2,5.2,2.6,10.4,5.4c29.7,16.1,55,22.8,91.4,24.4c5.3,0.2,9.7,0.4,9.8,0.3c0.3-0.3-8.3-7.3-13.4-11 c-16.2-11.6-34.1-20.8-53.1-27.1c-1.4-0.4-2.8-0.9-4.1-1.6c-0.1-0.2,3.1-0.5,7.2-0.6c21.3-0.8,47.6-6.6,69.6-15.2 c6.3-2.5,21.5-9.8,28.9-13.9c5.9-3.3,15.6-9.2,16-9.8c0.4-0.7-8-1.9-19.3-2.8c-9.3-0.8-38.2-0.8-46,0c-18.4,1.9-36.6,5.7-54.2,11.3 c-2.7,0.9-5.4,1.6-8.1,2.3c-0.2-0.1,2.1-2.1,5.2-4.4c29.3-22.7,53.6-51.1,71.5-83.6c8.5-15.3,19.9-42.4,18.5-43.8 c-0.5-0.5-4.6,1.8-16.5,8.9c-17,10.2-27.2,17.3-41.1,29c-16,13.2-30.5,28.1-43.5,44.3c-4.5,5.5-8.6,10.5-9.2,11l-1.1,0.9l0.3-0.9 c0.2-0.5,0.7-5.5,1.1-11c1.2-14.4,1.2-50.2,0-62.2c-2.8-30.6-9.3-60.7-19.3-89.7c-3.6-10.7-3.6-10.6-4.1-10.6 C254.9,64.4,254.3,65.1,253.8,65.9L253.8,65.9z"/>
2131                            </svg>
2132                            <h3 class="h5 py-3">100% Hanf</h3>
2133                            <p>Das HempMate CBD Öl wird zu 100% aus hochwertigem Hanf hergestellt. Bestandteile sind lediglich Hanfsamenöl und kalt­gepresstes Hanfextrakt aus besten CBD-Blüten.</p>
2134                        </div>
2135                    </div>
2136                    <div class="intro-box intro-box-right intro-box-two">
2137                        <div class="background-std p-4 text-decoration-none text-gray-800">
2138                            <svg class="featured-box-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 444">
2139                                <path d="M380.8,0H131.2L0,222l131.2,222h249.6L512,222L380.8,0z M140,15.7h232L493.9,222l-92.5,156.5c-2-0.5-4-1-6-1.3 c-3.2-0.6-6.5-0.8-9.8-0.6c-1.4,0.1-2.9-0.2-4.1-1c-8.2-4.6-16.6-7.6-25.7-2.5c-1.3-1-2.4-2-3.6-2.9c-6.8-4.6-14.6-7.6-22.8-8.8 c-4.6-0.7-9.8-1.4-13.6,3c-3.5-9-14.6-12.1-24-7.8c-3.3-6.4-9.5-5.7-15.6-5.9c-0.1-6.1-0.3-12.1-0.4-18.1c0.1-0.6,0.3-1.3,0.5-1.8 c4.3-10.6,8.4-21.3,12.9-31.9c3.7-8.7,7.9-17.1,11.8-25.7c0.6-1.4,1.9-2.4,3.3-2.6c18.6-5.6,32.6-16.8,41.3-34.3 c2.8-5.5,4.5-11.5,4.9-17.7c0.3-6.1,0.9-12.2,0.4-18.3c-0.5-7.3-1.9-14.6-3.1-21.9c-1-5.9-2.2-11.7-3.5-18.1 c-1.8,7.1-4.4,13.2-9.4,17.8c-5.3,5-10.9,9.6-16.6,14.2c-5.4,4.4-10.6,9-14.5,14.9c-6.8,10.1-10.9,21.8-11.9,34 c-0.7,7.9-0.2,15.5,2.8,22.7c2,4.6,1.3,8.2-1.5,11.8c-0.3,0.4-0.6,0.9-0.9,1.4c-5.4,8.5-10.8,17-16.2,25.4c-0.5,0.7-1,1.4-1.8,2.6 c-0.3-2.5-0.5-4.3-0.7-6.1c-0.5-5.5-0.8-11.1-1.5-16.6c-0.7-5.6-1.6-11.2-2.5-16.7c-1.1-6.9-2.1-13.9-3.7-20.8 c-2.2-9.6-4.8-19-7.3-28.5c-0.4-1.2-0.1-2.6,0.8-3.6c9.4-11.1,13.6-24.3,14.7-38.5c0.5-8.5-0.1-17-1.9-25.4 c-2.4-12.6-8.4-24.3-17.2-33.7c-6.5-6.9-13.5-13.4-20.3-20.1c-6.9-6.9-13.2-14.2-17.1-23.2c-1.6-3.6-2.9-7.4-4.5-11.5 c-0.8,3.3-1.5,6.2-2.3,9.1c-4.1,14.6-8.4,29.2-12.4,43.9c-2.1,7.6-3.4,15.5-3.6,23.4c-0.2,6.9,0.4,13.7,2,20.4 c2.8,12.4,8.8,23.9,17.4,33.3c10,10.8,22.5,19,36.3,23.9c1.8,0.5,3,2.1,3.2,3.9c1.6,11.6,3.4,23.2,4.6,34.9c0.9,8.5,0.9,17,1.3,25.5 c-0.1,0.7-0.2,1.4-0.3,2.1c-3.9-3.4-7.3-6.6-11-9.4c-8.7-6.6-17.6-13-26.4-19.5c-1.2-0.8-2-2-2.3-3.3c-2.4-9.3-5.9-18.3-10.4-26.8 c-6.1-11.4-14.7-20.4-26.6-25.9c-8.8-4-18.1-5.6-27.6-6.8c-6.3-0.8-12.7-1.8-18.6-4.3c-3.7-1.5-7.2-3.5-11-5.3 c0.9,2.8,1.7,5.4,2.6,8.1c3.3,9.8,6.3,19.8,9.9,29.4c5.1,13.4,14,23.7,26.8,30.2c14.4,7.3,29.6,9.4,45.5,7.6 c3.1-0.3,5.7-0.2,7.9,2.5c2,2.1,4.2,4.1,6.5,5.9c12.4,10.8,22.8,23.5,33.6,35.8c0.7,1,1.1,2.3,1,3.6c-0.2,6.4-0.5,12.9-0.9,19.3 c-0.4,7.2-0.8,14.4-1.4,21.6c-0.2,2.8-0.7,5.6-1,8.6c-1.4-0.2-2.5-0.5-3.7-0.7c-3.8-0.6-7.3,0.2-10.8,1.6c-2.7,1.1-3.7,3.4-4.7,6.1 c-1.8-1.1-3.4-2.1-5.1-2.9c-2.9-1.4-4.2-1.1-6,1.5c-0.7,1-1.3,2-2,3c-0.7,1-2,1.4-3.2,0.9c-3-1.2-6.1-2.1-9.2-2.8 c-2.2-0.4-4.5-0.2-6.6,0.6c-1.5,0.6-2.4,2.6-3.6,4.1c-4-2.8-8.8-4.3-13.7-4.4c-6.8-0.1-13,2-19,4.9c-4.7,2.3-8.6,5.5-9.2,11.3 c-8.6-4.9-23.2-2.4-28.1,4.3c-1.6-0.5-3-1.3-4.5-1.4c-5.3-0.4-10.4,0.3-15.3,1.7L18.1,222L140,15.7z"/>
2140                            </svg>
2141                            <h3 class="h5 py-3">100% Natürlich</h3>
2142                            <p>
2142Wir züchten unser Cannabis in einer kontrollierten, pestizidfreien Umgebung um sicherzustellen, dass es gross, grün und stark wird.</p>
2143                        </div>
2144                    </div>
2145                </div>
2146                <div class="d-flex flex-wrap align-items-stretch lower-intro-boxes">
2147                    <div class="intro-box intro-box-left intro-box-three">
2148                        <div class="background-std p-4 text-decoration-none text-gray-800">
2149                            <svg class="featured-box-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 444">
2150                                <path d="M380.8,0H131.2L0,222,131.2,444H380.8L512,222Zm-8.818,428.31H140.018L18.088,222,140.018,15.686H371.982L493.912,222ZM255.686,58.547Zm-54.25,98c18.306-35.117,37.622-69.037,54.129-97.625.279,2.417,6.684,12.231,13.289,22.166,1.658,2.494,2.967,4.463,3.393,5.194,16.261,27.857,31.908,56.751,46.507,85.88,13.255,26.447,10.952,61.834-5.6,86.055-8.441,12.351-21.107,21.722-36.628,27.1-6.091,2.111-11.641,3.858-17.885,3.858a37.358,37.358,0,0,1-7.908-.88,99.935,99.935,0,0,1-26.976-9.806,73.352,73.352,0,0,1-36.968-48.53c-6.023-26.34.811-46.859,14.647-73.408Zm10.2,63.851s15.188,4.823,19.744-10.183L250.623,81.592S179.744,215.578,211.64,220.4ZM318.9,172.082c-14.6-29.132-30.25-58.029-46.512-85.89-.43-.735-1.74-2.707-3.4-5.2-4.894-7.362-14-21.065-13.235-22.4l-.071-.046c-1.058,1.832,14.892,24.709,16.633,27.692q24.577,42.106,46.509,85.885c13.248,26.433,11.135,61.652-5.6,86.149-8.979,13.139-22.237,22.132-36.67,27.133-9.271,3.212-16.13,5.061-25.835,2.98a99.851,99.851,0,0,1-27-9.814,73.424,73.424,0,0,1-37.012-48.589c-6.37-27.857,2.167-49.519,14.654-73.475,17.276-33.142,35.674-65.668,54.324-97.962l-.072-.046c-16.551,28.659-35.947,62.709-54.325,97.965-5.662,10.86-11.325,22.653-14.407,35.295A81.329,81.329,0,0,0,186.627,230a73.521,73.521,0,0,0,37.054,48.647,100.149,100.149,0,0,0,27.02,9.823,37.538,37.538,0,0,0,7.941.883h0c6.269,0,11.832-1.751,17.937-3.866,15.555-5.39,28.251-14.784,36.712-27.166a84.489,84.489,0,0,0,14.064-42.394A85.729,85.729,0,0,0,318.9,172.082ZM236.378,330.568c-35.438-8.491-5.958-23.27-5.958-23.27-12.231,9.748,2.038,21.54,33.556,18.238S282.793,309.5,282.793,309.5C314.468,322.077,271.817,339.058,236.378,330.568Zm45.5-1.439c7.1-2.452,11.361-5.677,12.009-9.081.5-2.644-1.008-6.634-11.065-10.627l-.378-.151.288.288c.035.036,3.532,3.6,2.2,7.373-1.541,4.359-8.594,7.226-20.965,8.522a100.134,100.134,0,0,1-10.345.566c-14.453,0-25.108-3.78-27.145-9.631-1.026-2.949.392-6.154,3.994-9.024l.632-.5-.722.362c-.123.061-12.271,6.233-11.512,12.847.5,4.361,6.384,7.92,17.489,10.581a86.709,86.709,0,0,0,20.148,2.289h0a80.128,80.128,0,0,0,25.374-3.814Zm-55.561-12.686c2.061,5.92,12.777,9.744,27.3,9.744h0a99.92,99.92,0,0,0,10.362-.566c12.441-1.3,19.542-4.208,21.107-8.633,1.152-3.259-1.2-6.355-1.99-7.275,7.645,3.1,11.316,6.655,10.622,10.3-.636,3.342-4.862,6.522-11.9,8.953a79.967,79.967,0,0,1-25.316,3.8h0a86.488,86.488,0,0,1-20.109-2.284c-11.028-2.643-16.869-6.153-17.361-10.436-.637-5.555,8.075-10.834,10.691-12.286-3.183,2.785-4.392,5.84-3.4,8.683Zm-53.6,11.545c7.057,29.339,77.15,31.039,77.15,31.039s60.684,3.774,86.087-22.641-38.1-39.623-38.1-39.623c81.853,31.132-20.7,68.4-85.617,46.7s4.234-46.7,4.234-46.7c-55.988,13.679-43.757,31.225-43.757,31.225Zm163.3,8.456c5.178-5.385,7.028-10.634,5.5-15.6-2.567-8.333-14.3-14.46-23.7-18.132a141.308,141.308,0,0,0-19.949-6.03l-.047.162c27.035,10.282,31.306,20.12,30.129,26.561-1.293,7.072-9.709,13.736-23.7,18.765-13.581,4.881-31.314,7.681-48.653,7.681-15.691,0-30.676-2.237-43.336-6.468-18.313-6.121-27.645-13.081-27.737-20.689-.089-7.34,8.6-13.975,15.905-18.248a111.377,111.377,0,0,1,16.067-7.6l-.048-.161c-32.266,7.884-41.874,17.073-44.253,23.392a9.029,9.029,0,0,0,.445,7.95c1.619,6.709,6.689,12.518,15.068,17.266,6.7,3.8,15.518,6.925,26.213,9.3a212.6,212.6,0,0,0,35.941,4.519c.03,0,3.056.187,7.943.187,16.9,0,58.37-2.228,78.207-22.855ZM200.343,304.3c-7.345,4.3-16.081,10.976-15.991,18.4.093,7.686,9.464,14.7,27.851,20.846,12.678,4.237,27.682,6.477,43.39,6.477,17.357,0,35.112-2.8,48.71-7.691,14.049-5.05,22.5-11.76,23.809-18.893,1.173-6.419-2.98-16.165-29.17-26.34a142.664,142.664,0,0,1,18.81,5.773c9.359,3.659,21.05,9.756,23.6,18.024,1.511,4.9-.326,10.1-5.458,15.436-19.792,20.58-61.2,22.8-78.09,22.8-4.881,0-7.9-.184-7.935-.186a2
215012.577,212.577,0,0,1-35.913-4.516c-10.678-2.374-19.481-5.5-26.166-9.285-8.343-4.727-13.387-10.5-14.991-17.174l-.013-.028a8.814,8.814,0,0,1-.434-7.807c2.331-6.194,11.674-15.166,42.8-22.957A111.76,111.76,0,0,0,200.343,304.3Zm-56.324,58.975c27.755,17.453,124.662,29.245,193.814,10.918s64.918-45.352,55.039-58.559-53.157-24.057-53.157-24.057c8.467,0,34.811,15.724,34.811,15.724,54.1,47.8-105.375,88.05-202.943,54.559s0-70.283,0-70.283c-90.041,26.412-55.319,54.242-27.564,71.695Zm193.835,11c18.417-4.881,32.891-10.735,43.02-17.4,8.564-5.634,14.077-11.871,16.387-18.536,3.5-10.1-1.206-18.59-4.321-22.756-6.936-9.272-30.3-17.383-43.606-21.393-4.349-1.79-7.586-2.7-9.619-2.7h-.684l.663.166c.039.01,3.946.993,9.584,2.691,10.785,4.439,25.062,12.938,25.192,13.014,9.623,8.5,12.9,17.072,9.734,25.472-4.259,11.306-20.273,21.79-45.093,29.518-24.341,7.58-54.469,11.755-84.832,11.755-30.586,0-59.171-4.263-82.668-12.329-28.557-9.8-43.127-20.839-43.3-32.8-.071-4.752,2.156-9.669,6.621-14.615a69.046,69.046,0,0,1,14.9-11.859,143.251,143.251,0,0,1,21.785-10.846l-.053-.16c-19.434,5.7-34.167,11.827-43.789,18.209-8.514,5.645-13.266,11.652-14.123,17.854-.86,6.222,2.021,12.6,8.808,19.509,6.265,6.375,14.79,12.048,21.518,16.279,8.827,5.55,24.863,10.629,45.154,14.3A393.421,393.421,0,0,0,257.9,383.5c29.526,0,57.175-3.191,79.954-9.228ZM149.741,302.353A69.227,69.227,0,0,0,134.8,314.244c-4.5,4.979-6.737,9.935-6.665,14.732.179,12.044,14.787,23.133,43.418,32.961,23.514,8.071,52.119,12.338,82.723,12.338,30.38,0,60.525-4.177,84.882-11.762,24.87-7.745,40.923-18.264,45.2-29.621,3.191-8.472-.1-17.1-9.793-25.667a251.257,251.257,0,0,0-23.736-12.405c13.481,4.146,35.326,11.976,41.972,20.862,3.1,4.138,7.77,12.577,4.3,22.6-2.3,6.63-7.788,12.837-16.32,18.451-10.114,6.655-24.571,12.5-42.971,17.377-22.765,6.034-50.4,9.223-79.916,9.223-47.409,0-95.282-8.466-113.832-20.13-6.72-4.226-15.235-9.892-21.487-16.254-6.748-6.866-9.614-13.2-8.761-19.368.85-6.151,5.577-12.119,14.049-17.737,9.315-6.177,23.432-12.116,41.978-17.664A144.54,144.54,0,0,0,149.741,302.353Zm197.775-8.707c-3.253-.956-5.745-1.624-6.961-1.942A29.267,29.267,0,0,1,347.516,293.646Z"/>
2151                            </svg>
2152                            <h3 class="h5 py-3">Full Spectrum</h3>
2153                            <p>Unsere Produkte beinhalten das gesamte Spektrum. Alle Canna­binoide, Terpene, Flavonoide und Nährstoffe, die der Hanf zu bieten hat, sind enthalten. So erzielen unsere Produkte den Entourage-Effekt.</p>
2154                        </div>
2155                    </div>
2156                    <div class="intro-box intro-box-right intro-box-four">
2157                        <div class="background-std p-4 text-decoration-none text-gray-800">
2158                            <svg class="featured-box-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 444">
2159                                <path d="M380.8,0H131.2L0,222l131.2,222h249.6L512,222L380.8,0z M372,428.3H140L18.1,222L140,15.7h232L493.9,222L372,428.3z M240,245.2c-5.2,3.4-7.3,4.6-10,4.6c-4.4,0-7.7-4.2-9-6.6c-0.5-1-1.4-3.1-2-4.6c-0.
21596,0.2-1.4,0.4-2.3,0.7c-1.9,0.7-4,1.2-6.1,1.3 c-2.3,0-4.6-0.9-6.3-2.6c-2.8-2.6-3.4-5.8-4.1-11.4c-1.8,0.1-3.7,0.2-4.7,0.2c-1.8,0.1-3.7-0.2-5.3-1c-0.5,1.2-1,2.6-1.6,4.2 c-13.4,36.3-44.7,122.5-46.6,128.2c-1.9,5.5-2,6.7-1,8.1c0.4,0.6,0.9,1,1.5,1.4c1.4,0.7,1.5,0.6,33.7-13.7 c12.5-5.6,22.9-10.1,23-10.1s6.1,4.5,13.3,10.1s14.6,11.2,16.6,12.6c3.1,2.2,3.6,2.5,4.4,2.3c1.7-0.4,2.3-1.6,2.8-5.6 c1.2-9.5,2.4-21.6,7.5-73.8l2.5-25.3l1.2-11.7C244.8,251.2,242.6,248.5,240,245.2z M353.6,313.3c-12.6-35.1-30.4-83.9-32.1-88.2 c0-0.1-0.1-0.2-0.1-0.3l-0.3-0.9c-0.4,3.3-1.5,5.5-4.5,7.1c-1.6,0.8-3.3,1.2-5,1.1c-2.2-0.1-4.3-0.3-6.5-0.6 c-0.1,0.6-0.3,1.2-0.4,1.7c-0.8,3.6-1.6,7.6-5.4,9.8c-1.4,0.8-3,1.3-4.7,1.3c-2.2,0-4.3-0.7-7.6-2.2c-0.5-0.2-1.1-0.5-1.6-0.7 c-0.2,0.4-0.4,0.7-0.6,1.2c-2.8,5.5-3.7,6.2-4.4,6.8c-1.6,1.3-3.7,2-5.8,2c-1.8,0-3.5-0.4-5.1-1.2c-1.9-1.2-3.8-2.5-5.5-3.9l0.1,0.8 l0,0c-0.2,0.3,2.2,26.8,6,65.4c4,40,5.5,53.8,6,54.7c0.6,0.9,1.6,1.5,2.7,1.6c0.7,0,8.4-5.7,22.1-16.3c6.3-4.9,11.6-8.9,11.8-8.9 s6.8,2.9,14.7,6.4c26.7,11.9,35.3,15.7,38.2,16.8c2.5,0.9,3,1,3.7,0.7c1.2-0.7,2.1-1.9,2.2-3.3C371.5,363.3,367.7,352.4,353.6,313.3 z M338.1,160.2c-6.1-5.6-6.5-6.1-6.2-6.8c1-1.5,2.1-3,3.3-4.5c5.4-6.8,5.2-7.5-2.4-11.4c-1.6-0.8-3.2-1.6-4.7-2.6 c-0.7-0.6-0.6-1.3,0.5-3.9c2.9-6.3,3.5-9,2.5-10.5c-0.5-0.8-2.6-1.4-8.1-2.6c-1.5-0.3-3-0.6-4.4-1.1c-0.3-0.3,0-2.6,0.8-8.1 c1-6.1,0-6.9-8-6.6c-1.9,0.1-3.7,0.1-5.6,0l-1-0.2l-0.5-4.6c-1.1-9.8-1.6-10.1-10.9-7.2c-1.7,0.6-3.4,1.1-5.1,1.4 c-0.1-0.1-0.8-1.7-1.5-3.6c-2.1-5.2-3.4-7.9-4-8.2c-1.6-0.8-3.3-0.3-7.5,2.4c-3.5,2.2-5.7,3.3-6,3c-0.2-0.1-1.7-2.1-3.5-4.5 c-3.1-4.2-4.5-5.5-5.7-5.5c-0.6,0.1-1.3,0.4-1.8,0.8c-2.9,2.6-5.6,5.5-8.1,8.5c-0.2,0.5-0.8,0.1-4.3-2.7c-5.2-4.2-6.5-5-7.5-4.8 c-1.4,0.3-3.1,2.6-5.6,7.4c-2.2,4.2-2.4,4.5-2.9,4.3c-0.3-0.1-2.6-1.1-5-2.1c-1.9-0.8-3.8-1.5-5.8-2c-0.8-0.2-1.7,0-2.2,0.6 c-1.2,1-1.5,2-2.8,7.7c-0.7,3-1.2,4.9-1.5,5c-1.8-0.1-3.6-0.3-5.4-0.6c-6.1-0.9-7.3-0.9-8.5,0.4l-0.8,0.9l0.2,5.7 c0.2,5.9,0.1,6.5-0.9,7.1c-1.5,0.4-3,0.6-4.5,0.7c-4.7,0.5-6.6,1-7.6,2c-0.7,0.7-0.8,0.9-0.6,2.3c0.5,2.2,1.1,4.4,1.8,6.5 c1.4,4.4,1.6,5.1,1.2,5.2c-2.8,1-8.4,3.3-9.5,3.8c-2.7,1.4-3.2,2.9-1.9,5.6c0.4,0.8,1.8,3.1,3.1,5.1c0.9,1.3,1.7,2.6,2.4,4 c0,0.3-1.2,1.3-5.2,4.1c-3.7,2.7-4.9,4-4.9,5.6c0,1.1,1.5,3.1,4.4,5.6c1.5,1.3,3.2,2.9,3.7,3.4c1.2,1.2,1.2,1-2.6,6 c-2.8,3.6-3.8,5.3-3.9,6.5c0,1.4,1.8,2.7,6.9,5.3c1.7,0.8,3.3,1.7,4.9,2.8c-0.4,1.2-0.9,2.4-1.4,3.5c-2.9,6.6-3.4,9.1-2.1,10.4 c0.8,0.8,2.4,1.2,9,2.6c3.3,0.7,3.9,1,3.7,1.8c-0.8,3.2-1.2,6.5-1.2,9.8c0.1,2.6,0.1,2.7,1,3.5c0.8,0.8,1.1,0.8,3.1,0.8 c1.2,0,4-0.1,6.2-0.3c1.4-0.1,2.8-0.2,4.2-0.2c0.1,0.1,0.3,2,0.5,4.2c0.7,6.5,1,8.1,2.2,9.2c1.3,1.2,2.1,1.2,6.1-0.1 c5.1-1.6,7.6-2.1,8-1.7c0.7,1.3,1.3,2.6,1.8,3.9c0.8,2,1.7,4.2,2.1,4.9c0.8,1.5,2.4,3.1,3.3,3.1c0.9,0,2.5-0.9,7.2-4 c3.4-2.2,4.3-2.7,4.5-2.4c0.1,0.2,1.6,2.1,3.1,4.2c3.3,4.3,4.8,5.6,6.4,5.6c1.4,0,2.3-0.7,6.3-5.3c1.1-1.3,2.3-2.6,3.6-3.7 c1.5,0.9,2.9,2,4.2,3.1c1.6,1.3,3.3,2.5,5,3.7c1.3,0.7,3.1,0.7,3.9,0c1.1-1.5,2-3.1,2.8-4.8c1.2-2.4,2.6-4.7,3-5.2l0.7-0.9l1.4,0.5 c0.8,0.3,3.2,1.3,5.3,2.2c4.1,1.8,5.2,2,6.5,1.2c1.1-0.6,1.6-1.9,2.4-5.7c1.4-6.6,1.5-7.1,2.3-7.2c1.6,0,3.2,0.2,4.8,0.5 c4.8,0.7,7.1,0.8,8.1,0.3c1.3-0.7,1.4-1.3,1.4-8.2l-0.1-6.3l5.4-0.6c2.2-0.2,4.4-0.5,6.5-1c1.2-0.5,2.1-1.6,2.4-2.9 c-0.5-2-1.1-4-1.8-5.9c-1-2.9-1.8-5.5-1.8-5.8c0-0.3,1.1-0.9,3.8-1.9c6.9-2.6,8.5-3.7,8.5-5.3c0-1.3-1.3-3.8-3.9-7.8 c-1.5-2.2-2.5-4.1-2.4-4.2s2-1.5,4-3C341.8,165.1,342.2,163.9,338.1,160.2z M302.8,130.8c-14.8,16-23.6,28.3-36.9,51.6 c-2.7,4.7-5.5,9.5-6.3,10.6c-2.2,3.3-4.2,4.5-6.3,4.1c-2-0.4-5.8-4.8-11.8-13.8c-9.3-13.9-13.2-17.5-34.5-32.1 c-2.8-1.9-5.2-3.6-5.3-3.7c-0.4-0.4,5.8,0,9.1,0.5c7.4,1.2,16.5,5.1,24.5,10.4c4.6,3.1,8.9,6.7,12.8,10.6c2.5,2.4,4.6,4.3,4.7,4.3 c1.2-1.4,2.2-2.8,3.2-4.3c5.7-8.3,12.2-16,19.5-23c10.3-10.1,18.5-16.3,27.1-20.3c4.1-1.9,6.5-2.8,6.5-2.2 C309,124,307.1,126.1,302.8,130.8z"/>
2160                            </svg>
2161                            <h3 class="h5 py-3">Zertifizierte Qualität</h3>
2162                            <p>Alle Produkte werden von zwei unabhängigen Laboren regelmässig untersucht. Die Laborberichte stehen hier jederzeit zur Verfügung. Unsere CBD Öle sind durch den renommierten AC-Tropfen zertifiziert.</p>
2163                        </div>
2164                    </div>
2165                </div>
2166            </div>
2167        </div>
2168        <!-- /block : about -->
2169
2170    </div>
2171</section>
2172<!-- /WELCOME -->
2173
2174    <style>
2175        
2176        .btn-product {
2177            background: #212529;
2178            border-color: #212529;
2179            color: #fff;
2180        }
2181
2182        .btn-product:hover {
2183            background: #CCCFCE;
2184            border-color: #212529;
2185            color: #212529;
2186        }
2187
2188    </style>
2189
2190    <section class="p-0 cat-holder product-block" style="margin-bottom:20px !important;">
2191        <div class="container category hl-on-scroll bg-new-product-soft-hover featured-product transition-bg-ease-in-220">
2192            <div class="row d-flex flex-wrap align-items-stretch cat-content">
2193												                                    <div class="col-12 col-lg-6 cat-left cat-content-img">
2194                        <div class="holder">
2195													<div class="embed-responsive embed-responsive-overlay embed-responsive-1by1">
2196								<video class="no-controlls user-paused" preload="none" poster="/videos/CofitLaunch/CofitLaunch.jpg?666-2020" playsinline>
2197									<source src="/videos/CofitLaunch/CofitLaunch.mp4?666-2020" type="video/mp4;">
2198									<source src="/videos/CofitLaunch/CofitLaunch.webm?666-2020" type="video/webm; codecs=vp8,vorbis">
2199									<source src="/videos/CofitLaunch/CofitLaunch.ogv?666-2020" type="video/ogg; codecs=theora,vorbis">
2200								</video>
2201								<div class="overlay show"><i class="fi fi-play"></i></div>
2202							</div>
2203						                        </div>
2204                    </div>
2205                    <div class="col-12 col-lg-6 cat-right">
2206                        <div class="h-align-container p-4 text-decoration-none text-gray-800">
2207                            <div class="txt-holder">
2208                                <h4 class="h5-alt has-black prettyfie-vapemate">NEU: Unsere CoFIT Öle. Mit CBDa und CBGa.</h4>
2209                                <p class="text-gray-800 has-black">
2210									Wir nutzen bei unseren CoFIT Ölen das volle Potential und die unbändige Kraft der jungen Hanfpflanze. Die ausgeglichene Kombination von CBGa und CBDa ermöglicht einen noch gezielteren Einsatz und ist damit genau das Richtige für die anstehende Erkältungs- und Grippesaison. Durch die potente Cannabinoid-Kombination hilft das CoF
2210IT Öl dir, den Alltag trotz der lästigen und beeinträchtigenden Auswirkungen mit Leichtigkeit und entspannt zu meistern. Das Ergebnis: innere Balance und Zuversicht auch in windigen Zeiten.								</p>
2211                                <div class="saleICOcontainer startseite">
2212									<div class="prdct-buttons m-0" style="flex-grow:1;">
2213										<a class="btn btn-product" href="/de-ch/cbg-oel-4-4/">Mehr erfahren</a>
2214									</div>
2215                                </div>
2216                            </div>
2217                        </div>
2218                    </div>
2219                            </div>
2220        </div>
2221    </section>
2222	
2223
2224
2225	<!-- Slider: Bekannt aus TV -->
2226	<style>
2227		#known-from-tv.swiper-container .swiper-slide,
2228		#known-from-tv.swiper-container	{
2229			height: 70px;
2230		}
2231		#known-from-tv.swiper-container .swiper-slide > a {
2232			display: flex;
2233			height: 70px;
2234			align-items: center;
2235			justify-content: center;
2236			background-color: transparent;
2237			-webkit-transition: background-color 220ms ease-in;
2238			transition: background-color 220ms ease-in;
2239		}
2240		#known-from-tv.swiper-container .swiper-slide > a:active,
2241		#known-from-tv.swiper-container .swiper-slide > a:focus,
2242		#known-from-tv.swiper-container .swiper-slide > a:hover {
2243			background-color: #e5e5e5;
2244			-webkit-transition: background-color 220ms ease-out;
2245			transition: background-color 220ms ease-out;
2246		}
2247
2248		/* Gilt für alle "Bekannt aus"-Blöcke */
2249		.container.known-from h4.h5-alt {
2250			margin-bottom: 0;
2251			line-height: 1.0;
2252		}
2253		.container.known-from .known-from-holder {
2254			margin-top: 40px;
2255		}
2256	</style>
2257	<section class="p-0 cat-holder" style="position:relative;">
2258		<div class="container known-from" style="position:relative;">
2259			<div style="position:absolute; width:100%;left:1.5rem;top:1.5rem;">
2260				<h4 class="h5-alt has-black">Bekannt aus:</h4>
2261			</div>
2262			<div class="known-from-holder" style="height:70px; width:100%; padding:0;">
2263				<div id="known-from-tv" class="swiper-container" data-swiper='{
2264									"slidesPerView": 5,
2265									"spaceBetween": 7,
2266									"slidesPerGroup": 1,
2267									"loop": false,
2268									"autoplay": { "delay" : 3500, "disableOnInteraction": false },
2269									"breakpoints": {
2270										"1024": { "slidesPerView": "5" },
2271										"920": 	{ "slidesPerView": "4" },
2272										"640": 	{ "slidesPerView": "3" },
2273										"0": 	{ "slidesPerView": "2" }
2274									}
2275								}'>
2276					<div class="swiper-wrapper p-4" style="padding:0 !important;">
2277						<div class="swiper-slide">
2278							<a href="https://www.kabeleinsdoku.de" target="_blank" title="Website besuchen">
2279								<img class="max-h-60 color-on-hover" src="/images/known_from/television/SenderLogos.SVG.php?sender=KABEL1-DOKU" alt="Kabel Eins Doku">
2280							</a>
2281						</div>
2282						<div class="swiper-slide">
2283							<a href="https://www.sixx.de" target="_blank" title="Website besuchen">
2284								<img class="max-h-60 color-on-hover" src="/images/known_from/television/SenderLogos.SVG.php?sender=SIXX" alt="SIXX">
2285							</a>
2286						</div>
2287						<div class="swiper-slide">
2288							<a href="https://www.prosieben.de" target="_blank" title="Website besuchen">
2289								<img class="max-h-60 color-on-hover" src="/images/known_from/television/SenderLogos.SVG.php?sender=PRO7" alt="ProSieben">
2290							</a>
2291						</div>
2292						<div class="swiper-slide">
2293							<a href="https://www.sat1.de" target="_blank" title="Website besuchen">
2294								<img class="max-h-60 color-on-hover" src="/images/known_from/television/SenderLogos.SVG.php?sender=SAT1" alt="SAT.1">
2295							</a>
2296						</div>
2297						<div class="swiper-slide">
2298							<a href="https://www.kabeleins.de/" target="_blank" title="Website besuchen">
2299								<img class="max-h-60 color-on-hover" src="/images/known_from/television/SenderLogos.SVG.php?sender=KABEL1" alt="Kabel Eins">
2300							</a>
2301						</div>
2302						<div class="swiper-slide">
2303							<a href="https://www.prosiebenmaxx.de" target="_blank" title="Website besuchen">
2304								<img class="max-h-60 color-on-hover" src="/images/known_from/television/SenderLogos.SVG.php?sender=PRO7-MAXX" alt="ProSieben MAXX">
2305							</a>
2306						</div>
2307						<div class="swiper-slide">
2308							<a href="https://www.sat1gold.de" target="_blank" title="Website besuchen">
2309								<img class="max-h-60 color-on-hover" src="/images/known_from/television/SenderLogos.SVG.php?sender=SAT1-GOLD" alt="SAT.1 GOLD">
2310							</a>
2311						</div>
2312					</div>
2313				</div>
2314			</div>
2315		</div>
2316	</section>
2317	<!-- /Slider: Bekannt aus TV -->
2318
2319
2320
2321
2322
2323    <style>
2324        .bg-new-product-soft-hover.still-hot.hover,
2325        .bg-new-product-soft-hover.still-hot:hover {
2326            background-color: #c78c72 !important;
2327        }
2328    </style>
2329
2330    <section class="p-0 cat-holder product-block" style="margin-bottom:20px !important;">
2331        <div class="container category hl-on-scroll bg-new-product-soft-hover still-hot transition-bg-ease-in-220">
2332            <div class="row d-flex flex-wrap align-items-stretch cat-content">
2333                                    <div class="col-12 col-lg-6 order-2 order-lg-1 cat-left">
2334                        <div class="h-align-container p-4 text-decoration-none text-gray-800">
2335                            <div class="txt-holder">
2336                                <h4 class="h5-alt has-black prettyfie-vapemate">Unsere Sativa Kosmetika.</h4>
2337                                <p class="text-gray-800 has-black">Unsere neue Reihe “Sativa” ist die natürliche und CBD-basierte Antwort auf herkömmliche Hautpflege- und Anti-Aging Kosmetika. Wir setzen zu 100% auf Naturkosmetik - vegan, ohne synthetische Konservierungsmittel, Silikone, Farben oder Füllstoffe. Dazu sind unsere “Sativa”-Kosmetika stets mit unserer CBD Boosting Formula ausgestattet. Lerne Sie kennen.</p>
2338                                <div class="saleICOcontainer startseite">
2339									<div class="prdct-buttons m-0" style="flex-grow:1;">
2340										<a class="btn btn-category btn-SOday" href="https://www.hempmate.com/de-ch/cbd-kosmetik/#Beautykosmetik">Mehr erfahren</a>
2341									</div>
2342                                </div>
2343                            </div>
2344                        </div>
2345                    </div>
2346                    <div class="col-12 col-lg-6 order-1 order-lg-2 cat-right cat-content-img">
2347                        <div class="holder">
2348							<a href="https://www.hempmate.com/de-ch/cbd-kosmetik/#Beautykosmetik"><img src="https://www.hempmate.com/images/produkte/presentation/SOday.png" class="index-cat-img" style="width:auto; max-width:100%; align-self:center;"></a>
2349                        </div>
2350                    </div>
2351                            </div>
2352        </div>
2353    </section>
2354	
2355
2356
2357
2358
2359
2360
2361
2362
2363
2364
2365
2366
2367
2368
2369
2370
2371
2372
2373
2374
2375    <style>
2376        .bg-24-soft-hover.hover,
2377        .bg-24-soft-hover:hover {
2378            background-color: #85a18d !important;
2379        }
2380    </style>
2381        
2382    <section class="p-0 cat-holder product-block" style="margin-bottom:20px !important;">
2383        <div class="container category hl-on-scroll bg-24-soft-hover transition-bg-ease-in-220">
2384            <div class="row d-flex flex-wrap align-items-stretch cat-content">
2385                                    <div class="col-12 col-lg-6 cat-left cat-content-img">
2386                        <div class="holder">
2387                            <a href="/de-ch/limited-sets/"><img src="https://cdn-b.hempmate.com/upload/produktkategorien/land/577_2.png" class="index-cat-img" style="width:auto; max-width:100%; align-self:center;"></a>
2388                        </div>
2389                    </div>
2390                    <div class="col-12 col-lg-6 cat-right">
2391                        <div class="h-align-container p-4 text-decoration-none text-gray-800">
2392                            <div class="txt-holder">
2393                                <h4 class="h5-alt has-black">Unser Kennenlern-Set.</h4>
2394                                <p class="text-gray-800 has-black">Das perfekte Set für einen Einstieg in die Welt von HempMate und CBD. Lerne zwei unserer beliebtesten Produkte kennen und informiere dich dazu ausführlich über den Status Quo im Bereich CBD. Das Buch ist auf Englisch und Deutsch verfügbar. Jetzt zum Vorteilspreis.</p>
2395                                <div class="saleICOcontainer startseite">
2396                                    <a class="btn btn-category btn-flowerz" href="/de-ch/limited-sets/">Mehr erfahren</a>
2397                                </div>
2398                            </div>
2399                        </div>
2400                    </div>
2401
2402                            </div>
2403        </div>
2404    </section>
2405
2406        
2407    <style>
2408        .bg-18-soft-hover.hover,
2409        .bg-18-soft-hover:hover {
2410            background-color: #e3b874 !important;
2411        }
2412    </style>
2413        
2414    <section class="p-0 cat-holder product-block" style="margin-bottom:20px !important;">
2415        <div class="container category hl-on-scroll bg-18-soft-hover transition-bg-ease-in-220">
2416            <div class="row d-flex flex-wrap align-items-stretch cat-content">
2417                                    <div class="col-12 col-lg-6 order-2 order-lg-1 cat-left">
2418                        <div class="h-align-container p-4 text-decoration-none text-gray-800">
2419                            <div class="txt-holder">
2420                                <h4 class="h5-alt has-black">Unsere Hanf-Foods.</h4>
2421                                <p class="text-gray-800 has-black">Mit unseren Hanf-Foods wollen wir natürliche Massstäbe setzen: Unsere CBDust Superfood-Pulvermischungen für den Start in den Tag - voller Vitalität und Balance. Wertvolle Nukleotide unterstützen unser bewährtes C
2421BDust Superfood - probier es aus!</p>
2422                                <div class="saleICOcontainer startseite">
2423                                    <a class="btn btn-category btn-food" href="/de-ch/food/">Mehr erfahren</a>
2424                                </div>
2425                            </div>
2426                        </div>
2427                    </div>
2428                    <div class="col-12 col-lg-6 order-1 order-lg-2 cat-right cat-content-img">
2429                        <div class="holder">
2430							<a href="/de-ch/food/"><img src="https://cdn-b.hempmate.com/upload/produktkategorien/18_2.png" class="index-cat-img" style="width:auto; max-width:100%; align-self:center;"></a>
2431                        </div>
2432                    </div>
2433                            </div>
2434        </div>
2435    </section>
2436
2437        
2438    <style>
2439        .bg-17-soft-hover.hover,
2440        .bg-17-soft-hover:hover {
2441            background-color: #aec6ad !important;
2442        }
2443    </style>
2444        
2445    <section class="p-0 cat-holder product-block" style="margin-bottom:20px !important;">
2446        <div class="container category hl-on-scroll bg-17-soft-hover transition-bg-ease-in-220">
2447            <div class="row d-flex flex-wrap align-items-stretch cat-content">
2448                                    <div class="col-12 col-lg-6 cat-left cat-content-img">
2449                        <div class="holder">
2450                            <a href="/de-ch/cbd-kosmetik/"><img src="https://cdn-b.hempmate.com/upload/produktkategorien/17_2.png" class="index-cat-img" style="width:auto; max-width:100%; align-self:center;"></a>
2451                        </div>
2452                    </div>
2453                    <div class="col-12 col-lg-6 cat-right">
2454                        <div class="h-align-container p-4 text-decoration-none text-gray-800">
2455                            <div class="txt-holder">
2456                                <h4 class="h5-alt has-black">Unsere CBD Kosmetik.</h4>
2457                                <p class="text-gray-800 has-black">Unsere Kosmetik ist vielfältig: Unser Joint Relief Oil und Joint Relief Gel widmen sich beanspruchten Muskel- und Gelenkflächen, ob im Alltag oder nach dem Sport. Unsere Sativa Serie ist die natürliche und CBD-basierte Antwort auf herkömmliche Hautpflege- und Anti-Aging Kosmetika. Und jetzt neu: Unsere natürlich effektive Deocreme CBDeodorant. Alles zu 100% Naturkosmetik und stets mit unserer CBD Boosting Formula ausgestattet.</p>
2458                                <div class="saleICOcontainer startseite">
2459                                    <a class="btn btn-category btn-cosmetics" href="/de-ch/cbd-kosmetik/">Mehr erfahren</a>
2460                                </div>
2461                            </div>
2462                        </div>
2463                    </div>
2464
2465                            </div>
2466        </div>
2467    </section>
2468
2469        
2470    <style>
2471        .bg-27-soft-hover.hover,
2472        .bg-27-soft-hover:hover {
2473            background-color: #fce1b5 !important;
2474        }
2475    </style>
2476        
2477    <section class="p-0 cat-holder product-block" style="margin-bottom:20px !important;">
2478        <div class="container category hl-on-scroll bg-27-soft-hover transition-bg-ease-in-220">
2479            <div class="row d-flex flex-wrap align-items-stretch cat-content">
2480                                    <div class="col-12 col-lg-6 order-2 order-lg-1 cat-left">
2481                        <div class="h-align-container p-4 text-decoration-none text-gray-800">
2482                            <div class="txt-holder">
2483                                <h4 class="h5-alt has-black">Unsere CBD Mund- und Zahnpflege.</h4>
2484                                <p class="text-gray-800 has-black">In unserer CBDent Serie kombinieren wir bahnbrechende Innovation und kompromisslose Natürlichkeit zu hochwirksamen Mundpflege-Lösungen. Den ersten Schritt macht unser CBDent Fluid - die effektive CBD-Mundpflege für unterwegs. Den zweiten Schritt machen unsere revolutionären CBDent Gels auf Cellulose-Basis. Entdecke unsere zwei erfrischenden Geschmacksrichtungen. </p>
2485                                <div class="saleICOcontainer startseite">
2486                                    <a class="btn btn-category btn-oilz" href="/de-ch/cbd-mundpflege/">Mehr erfahren</a>
2487                                </div>
2488                            </div>
2489                        </div>
2490                    </div>
2491                    <div class="col-12 col-lg-6 order-1 order-lg-2 cat-right cat-content-img">
2492                        <div class="holder">
2493							<a href="/de-ch/cbd-mundpflege/"><img src="https://cdn-b.hempmate.com/upload/produktkategorien/27_2.png" class="index-cat-img" style="width:auto; max-width:100%; align-self:center;"></a>
2494                        </div>
2495                    </div>
2496                            </div>
2497        </div>
2498    </section>
2499
2500        
2501    <style>
2502        .bg-7-soft-hover.hover,
2503        .bg-7-soft-hover:hover {
2504            background-color: #84c9bb !important;
2505        }
2506    </style>
2507        
2508    <section class="p-0 cat-holder product-block" style="margin-bottom:20px !important;">
2509        <div class="container category hl-on-scroll bg-7-soft-hover transition-bg-ease-in-220">
2510            <div class="row d-flex flex-wrap align-items-stretch cat-content">
2511                                    <div class="col-12 col-lg-6 cat-left cat-content-img">
2512                        <div class="holder">
2513                            <a href="/de-ch/cbd-tiere/"><img src="https://cdn-b.hempmate.com/upload/produktkategorien/7_2.png" class="index-cat-img" style="width:auto; max-width:100%; align-self:center;"></a>
2514                        </div>
2515                    </div>
2516                    <div class="col-12 col-lg-6 cat-right">
2517                        <div class="h-align-container p-4 text-decoration-none text-gray-800">
2518                            <div class="txt-holder">
2519                                <h4 class="h5-alt has-black">Unsere CBD-Produkte für Tiere.</h4>
2520                                <p class="text-gray-800 has-black">Ob Hund, Katze oder Maus - unseren Tieren wollen wir genau denselben Lebensstandard bieten, den wir auch selbst pflegen. Daher bieten wir auch spez
2520iell für deine Tiere CBD-Produkte an, welche schonend und ungefährdet bei akuten oder chronischen Beschwerden und Belastungen eingesetzt werden können.</p>
2521                                <div class="saleICOcontainer startseite">
2522                                    <a class="btn btn-category btn-pet" href="/de-ch/cbd-tiere/">Mehr erfahren</a>
2523                                </div>
2524                            </div>
2525                        </div>
2526                    </div>
2527
2528                            </div>
2529        </div>
2530    </section>
2531
2532        
2533    <style>
2534        .bg-30-soft-hover.hover,
2535        .bg-30-soft-hover:hover {
2536            background-color: #ECB88D !important;
2537        }
2538    </style>
2539        
2540    <section class="p-0 cat-holder product-block" style="margin-bottom:20px !important;">
2541        <div class="container category hl-on-scroll bg-30-soft-hover transition-bg-ease-in-220">
2542            <div class="row d-flex flex-wrap align-items-stretch cat-content">
2543                                    <div class="col-12 col-lg-6 order-2 order-lg-1 cat-left">
2544                        <div class="h-align-container p-4 text-decoration-none text-gray-800">
2545                            <div class="txt-holder">
2546                                <h4 class="h5-alt has-black">Unsere CBDa & CBGa Öle.</h4>
2547                                <p class="text-gray-800 has-black">Wir nutzen bei unseren CoFIT Ölen das volle Potential und die unbändige Kraft der jungen Hanfpflanze. Durch die potente Cannabinoid-Kombination hilft das CoFIT Öl dir, den Alltag trotz der lästigen und beeinträchtigenden Auswirkungen mit Leichtigkeit und entspannt zu meistern. Das Ergebnis: innere Balance und Zuversicht auch in windigen Zeiten. </p>
2548                                <div class="saleICOcontainer startseite">
2549                                    <a class="btn btn-category btn-SOday" href="/de-ch/cbg-oele/">Mehr erfahren</a>
2550                                </div>
2551                            </div>
2552                        </div>
2553                    </div>
2554                    <div class="col-12 col-lg-6 order-1 order-lg-2 cat-right cat-content-img">
2555                        <div class="holder">
2556							<a href="/de-ch/cbg-oele/"><img src="https://cdn-b.hempmate.com/upload/produktkategorien/30_2.png" class="index-cat-img" style="width:auto; max-width:100%; align-self:center;"></a>
2557                        </div>
2558                    </div>
2559                            </div>
2560        </div>
2561    </section>
2562
2563        
2564
2565<!-- Street Credibility -->
2566<style>
2567	.test-text,
2568	.oeko-text {
2569		font-size: 17px;
2570		line-height: 23px;
2571	}
2572	.oeko-text {
2573		color: #000;
2574	}
2575    #testimonials .swiper-pagination-bullet-active-main {
2576        background: none;
2577        background-color: #31302f;
2578    }
2579    #testimonials .testimonial-quotation-mark {
2580        fill: #31302f;
2581    }
2582    #testimonials .testimonial-photo {
2583        border: 1.5px solid #31302f;
2584    }
2585    #testimonials .testimonial-name {
2586        font-weight: 500;
2587        color: #31302f;
2588    }
2589    #testimonials.swiper-container .swiper-slide {
2590        width: 100% !important;
2591        margin-bottom: 15px;
2592    }
2593    #testimonials.swiper-container .swiper-wrapper {
2594        height: 100%;
2595        align-items: center;
2596    }
2597    .testimonials-bg {
2598        background-color: #F2E9DB;
2599    }
2600    .testimonials-bg h2 {
2601        color: #232220;
2602    }
2603	.bg-transition {
2604		transition-property: background-color, background-image;
2605		transition-duration: 220ms;
2606		transition-timing-function: ease-in;
2607		-webkit-transition-property: background-color, background-image;
2608		-webkit-transition-duration: 220ms;
2609		-webkit-transition-timing-function: ease-in;
2610	}
2611	.row-eq-height {
2612		display: -webkit-box;
2613		display: -webkit-flex;
2614		display: -ms-flexbox;
2615		display:         flex;
2616	}
2617	#oeko-holder {
2618		background-color: #f7f7f7;
2619	}
2620	#oeko-holder:hover {
2621		background-color: #8BB7A8;
2622	}
2623	.testi-0 {
2624		background-color: #fce1b5;
2625		color: #000;
2626		background-image: url('https://www.hempmate.com/images/testimonials/person2.png');
2627		background-position:  calc(100% + 1px) calc(100% + 1px);
2628		background-repeat: no-repeat;
2629		background-size: auto 90%;
2630	}
2631	@media (max-width: 991px) {
2632		#oeko-holder .px-4 {
2633			padding-left: 0 !important;
2634		}
2635	}
2636	.testi-1 {
2637		background-color: #cf8b0a;
2638		color: #fff;
2639		background-image: url('https://www.hempmate.com/images/testimonials/person1a.png');
2640		background-position:  calc(100% + 1px) calc(100% + 1px);
2641		background-repeat: no-repeat;
2642		background-size: auto 90%;
2643	}
2644	@media (max-width: 991px) {
2645		#oeko-holder .px-4 {
2646			padding-left: 0 !important;
2647		}
2648	}
2649	.testi-2 {
2650		background-color: #aec6ad;
2651		color: #000;
2652		background-image: url('https://www.hempmate.com/images/testimonials/person4a.png');
2653		background-position:  calc(100% + 1px) calc(100% + 1px);
2654		background-repeat: no-repeat;
2655		background-size: auto 90%;
2656	}
2657	@media (max-width: 991px) {
2658		#oeko-holder .px-4 {
2659			padding-left: 0 !important;
2660		}
2661	}
2662	.testi-3 {
2663		background-color: #85a18d;
2664		color: #000;
2665		background-image: url('https://www.hempmate.com/images/testimonials/person3.png');
2666		background-position:  calc(100% + 1px) calc(100% + 1px);
2667		background-repeat: no-repeat;
2668		background-size: auto 90%;
2669	}
2670	@media (max-width: 991px) {
2671		#oeko-holder .px-4 {
2672			padding-left: 0 !important;
2673		}
2674	}
2675</style>
2676<section class="p-0 cat-holder" style="margin-bottom:20px !important;">
2677	<div class="container" style="padding:0;">
2678		<div class="row row-eq-height" style="margin:0 -15px;">
2679			<div class="col-12 col-lg-6 cat-left mb-4 mb-lg-0">
2680				<div id="oeko-holder" class="transition-bg-ease-in-220 p-4">
2681
2682					<!-- OEKOSOZIAL -->
2683										<div class="px-4">
2684
2685                        <h4 class="h5-alt has-black text-lg-right prettyfie-hempmate prettyfie-vapemate mb-5">Werde Teil einer bahnbrechenden Innovation!</h4>
2686                        <p class="oeko-text text-lg-right mb-4">Seit der Gründung von HempMate im Jahr 2017 verfolgen wir die Vision einer nachhaltigen Welt. Mit unserem ökosozialen HempMate-Projekt haben wir den ersten Schritt in diese Richtung gemacht – jetzt gehen wir mit DESERTGREENER noch weiter!</p>
2687                        <p class="oeko-text text-lg-right mb-4">Stell dir vor, du könntest Teil einer bahnbrechenden Innovation werden – einer patentierten Technologie, die unseren Planeten lebenswerter macht, karge Wüsten in blühende Oasen verwandelt und das weltweite Wasserproblem nachhaltig lösen kann.
2687</p>
2688
2689
2690                        <p class="oeko-text text-lg-right mb-4">
2691                            Haben wir dein Interesse geweckt? <B>Dann klicke hier für mehr Informationen:</B><br>
2692
2693                                                            <a href="https://desertgreener.io" target="_blank">https://desertgreener.io</a>
2694                                                    </p>
2695
2696
2697                        											</div>
2698					<!-- /OEKOSOZIAL -->
2699
2700				</div>
2701			</div>
2702			<div class="col-12 col-lg-6 cat-right">
2703				<div id="testi-container" class="bg-transition text-center" style="height:100%;overflow:hidden;">
2704					
2705					<style>
2706							.testi-0 {
2707							background-color: #fce1b5;
2708							color: #000;
2709							background-image: url('/images/testimonials/person2.png');
2710							background-position: calc(100% + 1px) calc(100% + 1px);
2711						}
2712																#testimonials .swiper-button-next,
2713						#testimonials .swiper-button-prev {
2714							top: unset;
2715							bottom: 12%;
2716						}
2717						#testimonials .swiper-button-prev {
2718							left: 30px !important;
2719						}
2720						#testimonials .swiper-button-next {
2721							left: 100px !important;
2722							right: auto !important;
2723						}
2724						#testimonials .swiper-button-white {
2725							transition: color 220ms ease, opacity 220ms ease;
2726						}
2727						#testimonials .swiper-button-white::before {
2728							font-size: 50px;
2729							font-weight: 600;
2730						}
2731					</style>
2732                    <div id="testimonials" class="swiper-container" data-swiper='{
2733								"slidesPerView": 1,
2734								"spaceBetween": 5,
2735								"slidesPerGroup": 1,
2736								"autoplay": { "delay": 4500, "disableOnInteraction": false },
2737								"loop": false,
2738								"pagination": { "el":"#testi-swiper-pagination", "type":"bullets" },
2739								"breakpoints": {
2740									"1024": { "slidesPerView": "1" },
2741									"920": 	{ "slidesPerView": "1" },
2742									"640": 	{ "slidesPerView": "1" },
2743									"0": 	{ "slidesPerView": "1" }
2744								}
2745						}' style="width:100%; height:100%;">
2746
2747                        <div class="swiper-wrapper" style="height:100%;">
2748
2749	
2750                            <!-- slide -->
2751                            <div class="swiper-slide" style="padding-top:7%;">
2752                                <div class="mb-4" style="margin-right: 20%;">
2753                                    <svg width="40" class="testimonial-quotation-mark" viewBox="0 0 377.917 377.917">
2754                                        <path d="M377.917 109.665l-12.124-55.747c-87.296 3.999-147.809 40.32-147.809 147.133v122.947h152.509v-154.526h-57.759c.001-34.273 21.505-54.431 65.183-59.807zM159.933 109.665l-12.124-55.747c-87.296 3.999-147.809 40.321-147.809 147.134v122.947h152.515v-154.527h-57.795c0-34.273 21.504-54.431 65.213-59.807z" style="fill:#000;"/>
2755                                    </svg>
2756                                </div>
2757                                <!-- testimonial paragraph -->
2758                                <div class="test-text mb-4" style="width:80%; color:#000; margin-right: 20%;">...hilft mir einfach happy und gelassen zu bleiben.</div>
2759
2760                                <!-- name -->
2761                                <p class="testimonial-name" style="color:#000; margin-right: 20%;">- Trici -</p>
2762                            </div>
2763
2764				
2765                        </div>
2766
2767						<!-- Add Arrows -->
2768						<div class="swiper-button-next swiper-button-white" style="color:#000;"></div>
2769						<div class="swiper-button-prev swiper-button-white" style="color:#000;"></div>
2770
2771                        <!-- Add Pagination -->
2772                        <div id="testi-swiper-pagination" class="swiper-pagination position-relative" style="display:none;"></div>
2773
2774                    </div>
2775
2776                </div>
2777            </div>
2778        </div>
2779    </div>
2780</section>
2781
2782
2783<!-- Known from -->
2784<style>
2785	#known-from-alliance .swiper-slide > a > img.color-on-hover {
2786		-webkit-transition: -webkit-filter 220ms ease-in-out;
2787		transition: filter 220ms ease-in-out;
2788		-webkit-filter: grayscale(100%);
2789		filter: grayscale(100%);
2790	}
2791	#known-from-alliance .swiper-slide:hover > a > img.color-on-hover {
2792		-webkit-filter: grayscale(0%);
2793		filter: grayscale(0%);
2794	}
2795
2796	@media (max-width: 767px) {
2797		#known-from-alliance .swiper-slide > a > img.color-on-hover {
2798			-webkit-transition: none;
2799			transition: none;
2800			-webkit-filter: none;
2801			filter: none;
2802		}
2803		#known-from-alliance .swiper-slide:hover > a > img.color-on-hover {
2804			-webkit-filter: none;
2805			filter: none;
2806		}
2807	}
2808</style>
2809<section class="p-0 cat-holder" style="position:relative;">
2810	<div style="position:absolute; left:-15px; bottom:0; right:-15px; height:75px; background-color:#111;"></div>
2811    <div class="container known-from" style="position:relative;">
2812		<div style="position:absolute; width:100%;left:1.5rem;top:1.5rem;">
2813			<h4 class="h5-alt has-black">Proud member of:</h4>
2814		</div>
2815        <div class="known-from-holder" style="height:60px; width:100%; padding:0;">
2816            <div id="known-from-alliance" class="swiper-container" data-swiper='{
2817								"slidesPerView": 5,
2818								"spaceBetween": 7,
2819								"slidesPerGroup": 1,
2820								"loop": false,
2821								"autoplay": { "delay" : 3500, "disableOnInteraction": false },
2822								"breakpoints": {
2823									"1024": { "slidesPerView": "5" },
2824									"920": 	{ "slidesPerView": "4" },
2825									"640": 	{ "slidesPerView": "3" },
2826									"0": 	{ "slidesPerView": "2" }
2827								}
2828							}'>
2829                <div class="swiper-wrapper p-4" style="padding:0 !important;">
2830                    
2831                    <div class="swiper-slide">
2832                        <a href="https://desertgreener.io" target="_blank" title="Website besuchen">
2833                            <img class="max-h-60 color-on-hover" src="/images/known_from/logo-desertgreener.png" alt="DESERTGREENER">
2834                        </a>
2835                    </div>
2836
2837                    <div class="swiper-slide">
2838						<a href="https://hanfverband.de/firmensponsoren-des-deutschen-hanf-verbandes" target="_blank" title="Website besuchen">
2839							<img class="max-h-60 color-on-hover" src="/images/known_from/alliance/Logos-01.svg" alt="Deutscher Hanfverband">
2840						</a>
2841                    </div>
2842                    <div class="swiper-slide">
2843						<a href="https://www.medcan.ch/de/patienten/96-patienten-supporter" target="_blank" title="Website besuchen">
2844							<img class="max-h-60 color-on-hover" src="/images/known_from/alliance/Logos-02.svg" alt="MEDCAN">
2845						</a>
2846                    </div>
2847                    <div class="swiper-slide">
2848						<a href="https://start.cannabiswirtschaft.de/" target="_blank" title="Website besuchen">
2849							<img class="max-h-60 color-on-hover" src="/images/known_from/alliance/Logos-03.svg" alt="BvCW">
2850						</a>
2851                    </div>
2852                    <div class="swiper-slide">
2853						<a href="https://eiha.org/members-2/" target="_blank" title="Website besuchen">
2854							<img class="max-h-60 color-on-hover" src="/images/known_from/alliance/Logos-04.svg" alt="EIHA">
2855						</a>
2856                    </div>
2857                    <div class="swiper-slide">
2858						<a href="https://ighanf.ch/memberdirectory/hempmate-ag/" target="_blank" title="Website besuchen">
2859							<img class="max-h-60 color-on-hover" src="/images/known_from/alliance/Logos-05.svg" alt="IGHANF">
2860						</a>
2861                    </div>
2862                </div>
2863            </div>
2864        </div>
2865    </div>
2866</section>
2867<!-- /Known from -->
2868
2869<!-- PartnerSite Modal -->
2870    <!-- /PartnerSite Modal -->
2871
2872
2873
2874<!-- FOOTER -->
2875<style>
2876    footer {
2877        color: #9c9c9c !important;
2878        background-color: #111111;
2879    }
2880    footer h3 {
2881        font-size: 16px;
2882        font-weight: 400;
2883        color: #9c9c9c !important;
2884        text-transform: uppercase;
2885        margin-bottom: 2px;
2886        margin-top: 30px;
2887    }
2888    footer hr {
2889        border-bottom: #555 1px solid;
2890        border-top: #161616 1px solid;
2891    }
2892    footer hr.headline {
2893        margin: 2px 0 20px 0;
2894    }
2895    footer a {
2896        color: #9c9c9c !important;
2897        text-decoration: none;
2898    }
2899    footer a:hover {
2900        color: #fff !important;
2901        text-decoration: none;
2902    }
2903    footer address {
2904        margin-bottom: 20px;
2905        line-height: 20px;
2906    }
2907    footer ul, footer ul li {
2908        list-style: none;
2909        margin: 0;
2910        padding: 0;
2911    }
2912	footer ul.footList li {
2913		color: #a1a8ae !important;
2914	}
2915    footer .footerInfo {
2916        width: 100%;
2917    }
2918    footer .footerInfo::after {
2919        clear: left;
2920    }
2921    footer div.footerInfo {
2922        width: calc(100% - 126px);
2923        flex-grow: 1;
2924    }
2925    footer div.footerBoveda {
2926        width: 126px;
2927        text-align: right;
2928        box-sizing: border-box;
2929        padding: 30px 0 0 30px;
2930        flex-grow: 0;
2931        margin: 0;
2932    }
2933    footer div.pay-ico-holder {
2934        display: inline;
2935        line-height: 32px;
2936        float: left;
2937    }
2938    footer div.pay-ico-holder img.pay-ico-footer {
2939        display: block;
2940        height: 25px;
2941        width: 40px;
2942        padding: 0;
2943        border-width: 0;
2944        border-style: none;
2945        margin: 7px 4px 0 0;
2946        box-sizing: border-box;
2947    }
2948    footer .column {
2949        display: block;
2950        height: 100%;
2951    }
2952    footer .subfooter {
2953        font-size: 13px;
2954        color: #9c9c9c;
2955        padding: 40px 0;
2956    }
2957    footer svg.footer-hosted-flag {
2958        display: inline-block;
2959        height: 16px;
2960        margin: 0 0 -3px 1px;
2961    }
2962    footer #footer-social svg.fb-button {
2963        display: inline-block;
2964        margin-left: 7px;
2965        width: 19px;
2966        height: 19px;
2967        color: #9c9c9c;
2968    }
2969    footer #footer-social svg.fb-button > path {
2970        fill: #9c9c9c;
2971        -webkit-transition: fill .25s linear;
2972        -moz-transition: fill .25s linear;
2973        -o-transition: fill .25s linear;
2974        -ms-transition: fill .25s linear;
2975        transition: fill .25s linear;
2976    }
2977    footer #footer-social svg.fb-button:hover > path {
2978        fill: #ffffff;
2979    }
2980    footer .subfooter span.shown-727-620 {
2981        display: none;
2982    }
2983    footer .subfooter span.hidden-727-620 {
2984        display: inline;
2985    }
2986    @media (max-width: 991px) {
2987        #BovedaBadge,
2988        .footerBoveda {
2989            display: none;
2990        }
2991    }
2992    @media (min-width: 621px) and (max-width: 728px) {
2993        footer .subfooter span.shown-727-620 {
2994            display: inline;
2995        }
2996        footer .subfooter span.hidden-727-620 {
2997            display: none;
2998        }
2999    }
3000    @media (max-width: 575px) {
3001        footer.p-0 {
3002            padding-left: 15px !important;
3003            padding-right: 15px !important;
3004        }
3005        footer svg.footer-hosted-flag {
3006            margin: 0 0 1px 2px;
3007        }
3008        footer .subfooter {
3009            padding: 20px 0 0 0;
3010            align-self: flex-start;
3011            text-align: left !important;
3012        }
3013        footer #footer-notice.subfooter  {
3014            padding-top: 30px !important;
3015        }
3016        footer #footer-social.subfooter  {
3017            padding-bottom: 20px;
3018        }
3019    }
3020</style>
3021<footer class="p-0" style="background-color:#111111;">
3022    <div class="container">
3023        <div class="row d-flex align-items-start">
3024
3025            <div class="footerInfo">
3026                <div class="row d-flex flex-wrap align-items-stretch">
3027
3028                    <!-- FOOTER CONTACT INFO -->
3029                    <div class="column transparent col-sm-6 col-md-3">
3030                        <h3>KONTAKT</h3>
3031                        <hr class="headline">
3032                        <address class="font-opensans">
3033                            <ul class="footList">
3034                                <li>HempMate AG</li>
3035                                <li>Seewenstrasse 11</li>
3036                                <li>CH-6440 Brunnen</li>
3037                                                            </ul>
3038                        </address>
3039                    </div>
3040                    <!-- /FOOTER CONTACT INFO -->
3041
3042                    <!-- FOOTER SERVICES -->
3043                    <div class="column transparent col-sm-6 col-md-3">
3044                        <h3>SERVICE</h3>
3045                        <hr class="headline">
3046                        <ul class="footList">
3047                            <li><a href="https://www.hempmate.com/de-ch/kontakt/">Kontaktformular</a></li>
3048                            <li><a href="https://www.hempmate.com/de-ch/impressum/">Impressum</a></li>
3049                            <li><a href="https://www.hempmate.com/de-ch/agb/">AGB</a></li>
3050                            <li><a href="https://www.hempmate.com/de-ch/datenschutz/">Datenschutz</a></li>
3051                            <li><a href="https://www.hempmate.com/de-ch/widerrufsbelehrung/">Widerrufsbelehrung</a></li>
3052                            <li><a href="/de-ch/widerruf/">Widerrufserklärung</a></li>
3053                        </ul>
3054                    </div>
3055                    <!-- /FOOTER SERVICES -->
3056                    <!-- FOOTER HELP -->
3057                    <div class="column transparent col-sm-6 col-md-3">
3058                        <h3>INFOS</h3>
3059                        <hr class="headline">
3060                        <ul class="footList">
3061							<li><a href="https://hemphannah.blog/" target="_blank" title="HempHannah's CBD Blog">CBD Blog</a></li>
3062							<li><a href="https://www.hempmate.com/de-ch/hempmate-faqs/">HempMate FAQ</a></li>
3063                            <li><a href="https://www.hempmate.com/de-ch/bestellvorgang/">Bestellvorgang</a></li>
3064                            <li><a href="https://www.hempmate.com/de-ch/versand/">Versand & Lieferung</a></li>
3065                            <li><a href="https://www.hempmate.com/de-ch/zahlungsmoeglichkeiten/">Zahlungsmöglichkeiten</a></li>
3066                            <li>
3067                                <div style="width:100%; height:42px; margin:0; padding-bottom:10px;">
3068                                    <div class="pay-ico-holder">
3069										<img class="pay-ico-footer" src="/images/payment/footer/footer_vorkasse.svg" alt="icon" title="Vorkasse / Überweisung">
3070                                    </div>
3071                                    <div class="pay-ico-holder">
3072										<img class="pay-ico-footer" src="/images/payment/footer/footer_visa.svg" alt="icon" title="Visa">
3073                                    </div>
3074                                    <div class="pay-ico-holder">
3075                                        <img class="pay-ico-footer" src="/images/payment/footer/footer_mastercard.svg" alt="icon" title="Mastercard">
3076                                    </div>
3077                                    <!--<div class="pay-ico-holder">
3078                                        <img class="pay-ico-footer" src="/images/payment/footer/footer_paypal.svg" alt="icon" title="Paypal">
3079                                    </div> -->
3080                                    <div class="pay-ico-holder">
3081                                        <img class="pay-ico-footer" src="/images/payment/footer/footer_applepay.svg" alt="icon" title="Ap
3081ple pay">
3082                                    </div>
3083                                    <div class="pay-ico-holder">
3084                                        <img class="pay-ico-footer" src="/images/payment/footer/footer_klarna.svg" alt="icon" title="Klarna">
3085                                    </div>
3086                                    <div class="pay-ico-holder">
3087                                        <img class="pay-ico-footer" src="/images/payment/footer/footer_bitcoin.svg" alt="icon" title="Bitcoin">
3088                                    </div>
3089                                </div>
3090                            </li>
3091                        </ul>
3092                        <input type="hidden" name="MobiNavi" id="MobiNavi" value="false">
3093                        <input type="hidden" name="MobiCart" id="MobiCart" value="false">
3094                    </div>
3095                    <!-- /FOOTER HELP -->
3096
3097                    <!-- FOOTER ABOUT -->
3098                    <div class="column transparent col-sm-6 col-md-3">
3099                        <h3>ÜBER UNS</h3>
3100                        <hr class="headline">
3101                        <ul class="footList">
3102                            <li><a href="https://www.hempmate.com/de-ch/ueber-uns/unternehmen/">Unternehmen</a></li>
3103                            <li><a href="https://www.hempmate.com/de-ch/ueber-uns/philosophie/">Philosophie</a></li>
3104							<li><a href="https://www.hempmate.com/de-ch/ueber-uns/team/">Unser Team</a></li>
3105                            <li><a href="https://www.hempmate.com/de-ch/ueber-uns/produktion/">Produktion</a></li>
3106                            <li><a href="https://www.hempmate.com/de-ch/ueber-uns/analysen/">Laboranalysen & Sicherheit</a></li>
3107							                                                    </ul>
3108                    </div>
3109                    <!-- /FOOTER ABOUT -->
3110                </div>
3111            </div>
3112        </div>
3113        <div class="row d-flex flex-wrap align-items-stretch">
3114            <div class="col-md-12 transparent subfooter" style="margin:0; padding:0; font-size:14px; line-height:1.25;" id="footer-notice">
3115                <!--<img src="/images/ssl-valid-footer.gif" style="width:115px; height:55px; margin-right:7px; float:left;"> -->
3116				<div class="ssl-logo" style="display:inline-block; float:left; margin-right: 15px;">
3116<script type="text/javascript" src="https://seal.geotrust.com/getgeotrustsslseal?host_name=hempmate.com&amp;size=S&amp;lang=en"></script>
3116</div>
3117				Die Aussagen auf dieser Website in Bezug auf die Diagnose von Krankheiten, der Heilung oder Behandlung von Krankheiten sind vom Gesetzgeber nicht bestätigt und stellen in keiner Weise ein Heilversprechen dar. Konsultiere immer deinen Arzt und beachte dabei die länderspezifische Gesetzgebung, bevor du CBD einnimmst. CBD (Cannabidiol) ist ein natürlicher Bestandteil von Hanföl.            </div>
3118        </div>
3119		<div class="row">
3120			<div class="col-12 p-0">
3121				<hr style="margin: 6px 0 0 0;">
3122			</div>
3123		</div>
3124        <div id="copy-pay-social" class="row d-flex flex-wrap align-items-center justify-content-between">
3125
3126
3127            <div class="col-sm-4 transparent subfooter" id="footer-copy">
3128                <span class="hidden-727-620">&copy; HEMPMATE - All rights reserved.</span>
3129                <span class="shown-727-620">&copy;2020 HEMPMATE</span>
3130            </div>
3131            <div class="col-sm-4 transparent subfooter text-center" id="footer-hosted">
3132                <span class="hidden-727-620">Proudly hosted in </span>
3133                <span class="shown-727-620">Hosted in </span>
3134                <svg class="footer-hosted-flag" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
3135                    <title>Swiss</title>
3136                    <rect width="18" height="18" style="fill: #e41e1f"/>
3137                    <rect x="7" y="2" width="4" height="14" style="fill: #fff"/>
3138                    <rect x="7" y="2" width="4" height="14" transform="translate(0 18) rotate(-90)" style="fill: #fff"/>
3139                </svg>
3140            </div>
3141            <div class="col-sm-4 transparent subfooter text-right" id="footer-social">
3142                <span class="hidden-727-620">Also found on:</span>
3143                <span class="shown-727-620">See also:</span>
3144                <a href="https://www.facebook.com/HempMate-392973461128756/" target="_blank" class="sub" title="Besuchen Sie unsere Facebbok-Seite"><svg class="fb-button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" style="margin-left:3px;">
3145                        <path id="facebook" d="M128,256V147.28h-24.2V99.77h23.48c0-11.56,0-22.34,0-33.11,0-13.88,3.24-26.54,11.09-37.41s18-17,30.51-17.14c15-.2,29.93,0,45.52,0,0,14.5,0,45.89,0,45.89H192c-8.89.22-13.87,6-13.89,16,0,7.92,0,23.6,0,25.54H215l-4.87,46.32H178.07V256Z"/>
3146                    </svg></a>
3147                <a href="https://www.instagram.com/hempmate/" target="_blank" class="sub" title="Besuchen Sie unsere Instagram-Seite"><svg class="fb-button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
3148                        <path id="instagram" d="M128,8C95.451,8,91.306,8.136,78.532,8.747C65.758,9.359,57.06,11.33,49.449,14.319	c-7.881,3.059-14.608,7.135-21.268,13.862c-6.66,6.66-10.736,13.386-13.862,21.268c-2.989,7.61-5.028,16.377-5.571,29.083	C8.204,91.307,8,95.383,8,128c0,32.548,0.135,36.625,0.748,49.466c0.61,12.774,2.582,21.473,5.571,29.084	c3.058,7.881,7.135,14.61,13.862,21.269c6.66,6.659,13.387,10.804,21.268,13.861c7.611,2.988,16.377,4.961,29.083,5.572	C91.306,247.864,95.383,248,128,248c32.548,0,36.626-0.136,49.468-0.748c12.772-0.611,21.471-2.584,29.151-5.572	c7.881-3.058,14.541-7.202,21.199-13.861c6.661-6.658,10.734-13.388,13.861-21.269c2.921-7.611,4.961-16.31,5.572-29.084	C247.796,164.691,248,160.614,248,128c0-32.548-0.137-36.625-0.748-49.468c-0.611-12.774-2.651-21.473-5.572-29.083	c-3.059-7.882-7.2-14.608-13.861-21.268c-6.658-6.659-13.318-10.736-21.269-13.862c-7.677-2.989-16.375-4.96-29.151-5.572	C164.626,8.136,160.548,8,128,8L128,8z M117.264,29.608c3.194,0,6.727,0,10.736,0c32.004,0,35.81,0.136,48.448,0.68	c11.687,0.543,18.007,2.514,22.287,4.144c5.57,2.176,9.58,4.757,13.792,8.971c4.214,4.212,6.796,8.222,8.971,13.793	c1.631,4.212,3.603,10.601,4.146,22.287c0.543,12.639,0.679,16.444,0.679,48.449c0,32.004-0.136,35.81-0.679,48.45	c-0.544,11.686-2.516,18.006-4.146,22.285c-2.175,5.572-4.757,9.581-8.971,13.795c-4.212,4.214-8.152,6.795-13.792,8.968	c-4.213,1.632-10.601,3.603-22.287,4.147c-12.639,0.541-16.444,0.678-48.448,0.678c-32.005,0-35.81-0.137-48.449-0.678	c-11.686-0.545-18.006-2.516-22.287-4.147c-5.572-2.173-9.581-4.754-13.794-8.968s-6.796-8.223-8.97-13.795	c-1.63-4.213-3.601-10.6-4.145-22.285c-0.542-12.641-0.679-16.446-0.679-48.45c0-32.004,0.137-35.81,0.679-48.449	c0.544-11.687,2.515-18.006,4.145-22.287c2.174-5.572,4.757-9.581,8.97-13.793c4.213-4.213,8.222-6.794,13.794-8.971	c4.214-1.63,10.601-3.601,22.287-4.144C90.627,29.744,94.907,29.608,117.264,29.608L117.264,29.608z M192.008,49.518	c-7.949,0-14.405,6.455-14.405,14.405s6.456,14.406,14.405,14.406c7.95,0,14.405-6.456,14.405-14.406S199.958,49.518,192.008,49.518	L192.008,49.518z M128,66.369c-34.043,0-61.563,27.587-61.563,61.563c0,34.042,27.588,61.563,61.563,61.563	c34.043,0,61.562-27.588,61.562-61.563C189.562,93.889,162.043,66.369,128,66.369L128,66.369z M128,87.978	c22.085,0,39.955,17.87,39.955,39.954s-17.87,39.954-39.955,39.954c-22.084,0-39.955-17.87-39.955-39.954S105.916,87.978,128,87.978	z"/>
3149                    </svg></a>
3150                <!--<a href="https://twitter.com/HempMateAG" target="_blank" class="sub" title="Besuchen Sie unsere Instagram-Se
3150ite"><svg class="fb-button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
3151                        <path id="twitter" d="M80.51,232C177.13,232,230,152,230,82.57c0-2.27,0-4.54-.16-6.78A106.54,106.54,0,0,0,256,48.59a105.25,105.25,0,0,1-30.15,8.27,52.84,52.84,0,0,0,23.1-29.05,105.71,105.71,0,0,1-33.36,12.76,52.53,52.53,0,0,0-90.85,35.91,53.7,53.7,0,0,0,1.35,12A149.25,149.25,0,0,1,17.82,33.58,52.55,52.55,0,0,0,34.09,103.7a52.12,52.12,0,0,1-23.8-6.58c0,.24,0,.45,0,.67A52.54,52.54,0,0,0,52.4,149.28a52.64,52.64,0,0,1-13.82,1.85,51.92,51.92,0,0,1-9.88-1,52.59,52.59,0,0,0,49.06,36.5,105.32,105.32,0,0,1-65.24,22.49A106.5,106.5,0,0,1,0,208.42,148.54,148.54,0,0,0,80.51,232"/>
3152                    </svg></a> -->
3153                <a href="https://www.youtube.com/channel/UC2yVhb3oWEtZ8NeHmceiiCQ/featured" target="_blank" class="sub" title="Besuchen Sie unseren Youtube-Channel"><svg class="fb-button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
3154						<path id="twitter" d="M106.2,216.973c-48.373-.89-64.895-1.691-75.05-3.784a32.984,32.984,0,0,1-17.219-8.953c-3.384-3.389-6.075-8.558-8.162-15.73-1.791-5.976-2.488-10.947-3.483-23.091C.759,138.007.4,115.6,2.281,90.562,3.836,76.736,4.59,60.323,14.92,50.747a33.878,33.878,0,0,1,16.922-8.558C41.8,40.3,84.2,38.805,128.094,38.805c43.8,0,86.294,1.494,96.256,3.384,7.96,1.494,15.424,5.971,19.807,11.743,9.425,14.826,9.589,33.261,10.546,47.681.4,6.871.4,45.885,0,52.756-1.489,22.789-2.686,30.852-6.069,39.212-2.093,5.278-3.879,8.063-6.97,11.15a33.4,33.4,0,0,1-17.719,9.057c-41.861,3.148-77.407,3.831-117.75,3.185ZM170.3,125.4c-23.289-12.445-45.589-23.986-68.383-35.932v71.469C125.9,147.9,151.19,135.952,170.4,125.3l-.1.1Z"/>
3155					</svg></a>
3156                <a href="https://pinterest.de/hempmate/" target="_blank" class="sub" title="Durchstöbere unsere Pinwand"><svg class="fb-button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
3157                        <title>Durchstöbere unsere Pinwand</title>
3158                        <path id="pinterest" d="M202.51,26.234C184.888,9.317,160.5,0,133.843,0,93.121,0,68.075,16.693,54.235,30.7,37.178,47.952,27.4,70.865,27.4,93.561c0,28.5,11.919,50.369,31.88,58.506a10.555,10.555,0,0,0,4.01.825c4.211,0,7.548-2.755,8.7-7.175.674-2.535,2.235-8.791,2.914-11.506,1.453-5.363.279-7.942-2.89-11.677-5.773-6.831-8.462-14.908-8.462-25.421C63.554,65.888,86.805,32.7,129.9,32.7c34.193,0,55.433,19.434,55.433,50.717,0,19.741-4.252,38.023-11.976,51.48-5.367,9.351-14.8,20.5-29.292,20.5a19.418,19.418,0,0,1-15.444-7.061,17.758,17.758,0,0,1-3.111-15.431c1.524-6.452,3.6-13.182,5.614-19.688,3.668-11.883,7.136-23.106,7.136-32.061,0-15.316-9.416-25.607-23.428-25.607-17.808,0-31.76,18.087-31.76,41.177a61.235,61.235,0,0,0,4.372,23.046c-2.243,9.5-15.576,66.015-18.105,76.671-1.463,6.22-10.272,55.352,4.309,59.27,16.382,4.4,31.025-43.45,32.516-48.857,1.208-4.4,5.434-21.026,8.024-31.247,7.909,7.617,20.642,12.767,33.032,12.767,23.358,0,44.364-10.511,59.149-29.594,14.34-18.51,22.237-44.309,22.237-72.641C228.6,63.992,219.092,42.156,202.51,26.234Z"/>
3159                    </svg></a>
3160            </div>
3161        </div>
3162
3163    </div>
3164</footer>
3165<!-- /FOOTER -->
3166
3167<style>
3168	aside#sidecart {
3169		display: block;
3170		width: 420px;
3171		max-width: 80%;
3172		/*
3173		position: absolute;
3174		height: 100%;
3175		min-height: 100%;
3176		*/
3177	}
3178	aside#sidecart:not(.js-aside-show).aside-end {
3179		transition-delay: 220ms;
3180		margin-right: -420px;
3181	}
3182	#pjaxSeitenkorb {
3183		width: 100%;
3184		height: auto;
3185	}
3186
3187	#aside-content {
3188		display: flex;
3189		flex-direction: column;
3190		justify-content: space-between;
3191		align-items: flex-start;
3192		min-height: 100%;
3193		width: 100%;
3194		padding: 0 0.666rem;
3195	}
3196
3197	#sidecart-content-container {
3198		display: flex;
3199		flex-direction: column;
3200		align-items: flex-start;
3201		width: 100%;
3202	}
3203	#sidecart-header {
3204		display: flex;
3205		width: 100%;
3206		height: 48px;
3207		align-items: center;
3208		margin-top: 0.666rem;
3209		background-color: #f7f7f7;
3210	}
3211		#sidecart-header > svg.arrow-right {
3212			cursor: pointer;
3213			height: 40px;
3214			width: auto;
3215			flex-grow: 0;
3216		}
3217		#sidecart-header > svg.divider-vertical {
3218			height: 100%;
3219			width: auto;
3220			opacity: 0.5;
3221			flex-grow: 0;
3222			margin: 0 12px 0 6px;
3223		}
3224		#sidecart-header > h5.sidecart-title {
3225			flex-grow: 1;
3226			width: 100%;
3227			margin: 0;
3228			font-size: 20px;
3229			line-height: 20px;
3230		}
3231
3232
3233	#sidecart-footer {
3234		width: 100%;
3235		margin-bottom: 0.666rem;
3236		padding: 0;
3237	}
3238		#sidecart-footer .btn + .btn {
3239			margin-left: 0;
3240		}
3241		#sidecart-footer .btn.btn-block {
3242			font-size: 0.8rem;
3243		}
3244		#sidecart-footer > .sidecart-total-price {
3245			display: flex;
3246			align-items: flex-end;
3247			justify-content: space-between;
3248			margin-bottom: 0.5rem;
3249		}
3250		#sidecart-footer > .sidecart-total-price > * {
3251			display: inline-block;
3252			font-weight: 600;
3253			font-size: 18px;
3254			color: #222529;
3255			flex-grow: 0;
3256			margin: 0;
3257		}
3258		#sidecart-footer > .sidecart-total-price small {
3259			display: inline-block;
3260			font-weight: normal;
3261			font-size: 14px;
3262			color: #676465;
3263			padding-left: 3px;
3264		}
3265		#sidecart-footer > .sidecart-total-price.ersparnis {
3266			margin-bottom: 0;
3267			margin-top:	0.5rem;
3268		}
3269		#sidecart-footer > .sidecart-total-price.ersparnis >  * {
3270			color: #F04822;
3271		}
3272		#sidecart-footer .btn.cart-btn {
3273			color: #fff;
3274		}
3275		#sidecart-footer .btn.btn-back:hover {
3276			background-color: #a9acaa;
3277		}
3278
3279
3280	.sidecart-item-container {
3281		position: relative;
3282		display: flex;
3283		width: 100%;
3284		padding: 0.666rem;
3285		padding-left: 0;
3286		background-color: #f7f7f7;
3287		margin-top: 0.666rem;
3288	}
3289	.sidecart-item-container h3, .sidecart-item-container h4,
3290	.sidecart-item-container span	{
3291		display: inline-block;
3292		margin: 0;
3293	}
3294	.sidecart-item-container > .item-container-overlay {
3295		position: absolute;
3296		cursor: pointer;
3297		display: flex;
3298		bottom: 0;
3299		right: 0;
3300		left: 0;
3301		top: 0;
3302		width: 100%;
3303		height: 100%;
3304		z-index: 5000;
3305		align-items: center;
3306		justify-content: center;
3307	}
3308	.sidecart-item-container > .sidecart-item-image {
3309		width: 100px;
3310		flex-grow: 0;
3311	}
3312	.sidecart-item-container > .sidecart-item-image > a {
3313		width: 100%;
3314		display: inline-block;
3315		text-align: center;
3316	}
3317	.sidecart-item-container > .sidecart-item-typo {
3318		display: flex;
3319		flex-direction: column;
3320		justify-content: space-between;
3321		width: auto;
3322		flex-grow: 1;
3323	}
3324	.sidecart-item-typo > .item-name-container {
3325		display: flex;
3326		line-height: 24px;
3327		justify-content: space-between;
3328	}
3329		.item-name-container > h3.sidecart-item-name {
3330			width: calc(100% - 24px);
3331			align-self: flex-end;
3332			font-size: 20px;
3333			font-weight: 600;
3334			overflow: hidden;
3335		}
3336		.item-name-container > a.item-remove-link {
3337			display: inline-block;
3338			width: 22px;
3339			height: 22px;
3340			flex-grow: 0;
3341			margin: -3px -3px 0 0;
3342			align-self: flex-start;
3343		}
3344		.item-name-container > a.item-remove-link > svg.item-remove-image {
3345			display: block;
3346			height: 18px;
3347			width: 18px;
3348			margin: 0 0 4px 4px;
3349		}
3350
3351
3352	.sidecart-item-typo > .item-amount-container {
3353		display: flex;
3354		align-items: center;
3355		transition: max-height 220ms ease-in;
3356	}
3357		.item-amount-container a.btn.item-amount-button {
3358			display: inline-block;
3359			height: 20px;
3360			width: 20px;
3361			margin: 0 4px;
3362			padding: 0;
3363			border-width: 0;
3364			margin-bottom: 2px;
3365			line-height: 20px;
3366			border-style: none;
3367		}
3368		.item-amount-container a.btn.item-amount-button > svg {
3369			width: 100%;
3370			height: 100%;
3371		}
3372		.item-amount-container a.btn.item-amount-button.amount-less {
3373			margin-left: 8px;
3374		}
3375		.item-amount-container > h4.actual-amount {
3376			font-size: 24px;
3377			font-weight: 600;
3378		}
3379
3380
3381	.sidecart-item-typo > .item-price-container {
3382		display: flex;
3383		justify-content: space-between;
3384		align-items: flex-end;
3385	}
3386		.item-price-container span {
3387
3388		}
3389		.item-price-container span.statt {
3390			position: relative;
3391			margin-right: 5px;
3392			color: #F04822;
3393		}
3394		.item-price-container span.statt:before {
3395			position: absolute;
3396			content: "";
3397			left: -3px;
3398			top: 45%;
3399			right: -3px;
3400			border-top: 1px solid;
3401			border-color: inherit;
3402			-webkit-transform:rotate(-7deg);
3403			-moz-transform:rotate(-7deg);
3404			-ms-transform:rotate(-7deg);
3405			-o-transform:rotate(-7deg);
3406			transform:rotate(-7deg);
3407		}
3408		.item-price-container h4.item-price {
3409
3410		}
3411
3412	.sidecart-item-typo > .item-sale-msg {
3413		display: flex;
3414		align-items: center;
3415		justify-content: center;
3416		background-color: #bb1212;
3417		margin-right: 0.33rem;
3418		margin-top: 0.666rem;
3419		font-weight: 500;
3420		font-size: 1rem;
3421		width: 100%;
3422		height: 34px;
3423	}
3424		.item-sale-msg > span {
3425			font-size: 18px;
3426			font-weight: 500;
3427			color: #fff;
3428		}
3429		.item-sale-msg > .discount-divider {
3430			display: inline-block;
3431			margin-right: 5px;
3432			height: 22px;
3433			width: auto;
3434		}
3435		.item-sale-msg > .discount-divider path {
3436			fill: #fff;
3437		}
3438
3439
3440	.sidecart-item-typo > .item-action-msg {
3441		display: flex;
3442		align-items: center;
3443		justify-content: center;
3444		margin-right: 0.33rem;
3445		margin-top: 0.666rem;
3446		font-weight: 500;
3447		font-size: 1rem;
3448		width: 100%;
3449		height: 34px;
3450	}
3451		.item-action-msg > .item-action-icon {
3452			display: inline-block;
3453			height: 17px;
3454			width: auto;
3455		}
3456		.item-action-msg > .divider-vertical {
3457			display: inline-block;
3458			opacity: 0.5;
3459			height: 24px;
3460			width: 14px;
3461		}
3462		.item-action-msg.item-action-plus {
3463			background-color: #489669;
3464			color: #f0f0f0;
3465		}
3466		.item-action-msg.item-action-plus > .item-action-icon > path {
3467			fill: #fff;
3468		}
3469		.item-action-msg.item-action-plus > .divider-vertical > rect {
3470			fill: #fff;
3471		}
3472		.item-action-msg.item-action-minus {
3473			background-color: #F04822;
3474			color: #212529;
3475		}
3476		.item-action-msg.item-action-minus > .item-action-icon > path {
3477			fill: #212529;
3478		}
3479		.item-action-msg.item-action-minus > .divider-vertical > rect {
3480			fill: #555;
3481		}
3482
3483		/* ANIMATION STUFF */
3484
3485		.sidecart-item-container.active.status-0 .item-action-msg.new-item-added,
3486		.sidecart-item-container.active.status-0 .item-action-msg.other-item-added,
3487		.sidecart-item-container.active.status-0 .item-action-msg.item-removed,
3488		.sidecart-item-container.active.status-0 .item-action-msg.item-deleted,
3489		.sidecart-item-container:not(.active) .item-action-msg {
3490			display: none;
3491		}
3492		.sidecart-item-container .item-action-msg {
3493			overflow: hidden;
3494			max-height: 0;
3495			margin-top: 0;
3496			transition: max-height 220ms ease-in, margin-top 220ms ease-in;
3497			-webkit-transition: max-height 220ms ease-in, margin-top 220ms ease-in;
3498		}
3499		.sidecart-item-container.active.status-1 .item-action-msg.new-item-added,
3500		.sidecart-item-container.active.status-2 .item-action-msg.other-item-added,
3501		.sidecart-item-container.active.status-3 .item-action-msg.item-removed,
3502		.sidecart-item-container.active.status-4 .item-action-msg.item-deleted {
3503			max-height: 150px;
3504			margin-top: 0.666rem;
3505			transition: max-height 220ms ease-out, margin-top 220ms ease-out;
3506			-webkit-transition: max-height 220ms ease-out, margin-top 220ms ease-out;
3507		}
3508
3509		.sidecart-item-container.active.status-1 .item-sale-msg,
3510		.sidecart-item-container.active.status-2 .item-sale-msg,
3511		.sidecart-item-container.active.status-3 .item-sale-msg,
3512		.sidecart-item-container.active.status-4 .item-sale-msg {
3513			display: none;
3514		}
3515		.sidecart-item-container .item-sale-msg {
3516			overflow: hidden;
3517			max-height: 0;
3518			margin-top: 0;
3519			transition: max-height 220ms ease-in, margin-top 220ms ease-in;
3520			-webkit-transition: max-height 220ms ease-in, margin-top 220ms ease-in;
3521		}
3522		.sidecart-item-container.active.status-0 .item-sale-msg {
3523			max-height: 150px;
3524			margin-top: 0.666rem;
3525			transition: max-height 220ms ease-out, margin-top 220ms ease-out;
3526			-webkit-transition: max-height 220ms ease-out, margin-top 220ms ease-out;
3527		}
3528
3529
3530		.sidecart-item-typo:not(.active) .item-amount-container {
3531			overflow: hidden;
3532			max-height: 0;
3533			margin-top: 0;
3534			margin-bottom: 0;
3535			transition: max-height 220ms ease-in, margin-top 220ms ease-in, margin-bottom 220ms ease-in;
3536			-webkit-transition: max-height 220ms ease-in, margin-top 220ms ease-in, margin-bottom 220ms ease-in;
3537		}
3538		.sidecart-item-container.active .item-amount-container {
3539			max-height: 150px;
3540			margin: 0;
3541			margin-top: 0.666rem;
3542			margin-bottom: 0.33rem;
3543			transition: max-height 220ms ease-out, margin-top 220ms ease-out, margin-bottom 220ms ease-out;
3544			-webkit-transition: max-height 220ms ease-out, margin-top 220ms ease-out, margin-bottom 220ms ease-out;
3545		}
3546
3547		.sidecart-item-container.active > .item-container-overlay {
3548			display: none;
3549		}
3550
3551		.sidecart-item-container:not(.active) .sidecart-item-image > a > img {
3552			max-height: 70px;
3553			display: inline-block;
3554			margin: 0;
3555			margin-top: -10px;
3556			margin-bottom: -10px;
3557			transition: max-height 220ms ease-in, margin-top 220ms ease-in, margin-bottom 220ms ease-in;
3558			-webkit-transition: max-height 220ms ease-in, margin-top 220ms ease-in, margin-bottom 220ms ease-in;
3559		}
3560		.sidecart-item-container.active .sidecart-item-image > a > img {
3561			max-height: 250px;
3562			margin-top: 0;
3563			margin-bottom: 0;
3564			transition: max-height 220ms ease-out, margin-top 220ms ease-out, margin-bottom 220ms ease-out;
3565			-webkit-transition: max-height 220ms ease-out, margin-top 220ms ease-out, margin-bottom 220ms ease-out;
3566		}
3567		aside#sidecart svg.item-remove-image polygon {
3568			fill: #000;
3569			transition: fill 160ms ease-in;
3570			-webkit-transition: fill 160ms ease-in;
3571		}
3572		aside#sidecart svg.item-remove-image:active polygon,
3573		aside#sidecart svg.item-remove-image:focus polygon,
3574		aside#sidecart svg.item-remove-image:hover polygon,
3575		aside#sidecart svg.arrow-right:active polygon,
3576		aside#sidecart svg.arrow-right:focus polygon,
3577		aside#sidecart svg.arrow-right:hover polygon {
3578			fill: #F04822;
3579			transition: fill 160ms ease-out;
3580			-webkit-transition: fill 160ms ease-out;
3581		}
3582
3583		#sidecart-close-cross {
3584			display: inline-block;
3585			cursor: pointer;
3586			width: 26px;
3587			height: 26px;
3588			flex-grow: 0;
3589			margin-right: 0.666rem;
3590			align-self: center;
3591		}
3592
3593
3594</style>
3595<!-- SIDECART -->
3596<aside id="sidecart" class="aside-end aside-secondary shadow-xs" data-currency="eur">
3597	<div id="aside-content" class="h-100 scrollable-vertical scrollable-styled-light d-flex flex-column align-items-start justify-content-between">
3598
3599		<div id="sidecart-header">
3600			<svg id="sidecart-close-arrow" class="arrow-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
3601				<title>Ausblenden!</title>
3602				<polygon points="27.226 13.846 27.213 13.855 14.203 4.745 11.908 8.022 20.446 14 1.698 14 1.698 16 1.698 18 20.446 18 11.908 23.978 14.203 27.255 27.213 18.145 27.226 18.154 30.302 16 27.226 13.846"/>
3603			</svg>
3604			<svg class="divider-vertical" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 48">
3605				<rect x="7" y="4" width="1" height="40" style="opacity: 0.33"/>
3606				<rect x="6" y="4" width="1" height="40" style="opacity: 0.66"/>
3607			</svg>
3608			<h5 class="sidecart-title">Dein Warenkorb.</h5>
3609			<svg id="sidecart-close-cross" class="item-remove-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
3610				<title>Ausblenden!</title>
3611				<polygon points="191.64 21.934 128 85.574 64.36 21.934 21.934 64.36 85.574 128 21.934 191.64 64.36 234.066 128 170.426 191.64 234.066 234.066 191.64 170.426 128 234.066 64.36 191.64 21.934"/>
3612			</svg>
3613		</div>
3614
3615        
3616		<div class="some-class" id="sidecart-content-container">
3617
3618			<div id="pjaxSeitenkorb" data-pjax-container="" data-pjax-push-state data-pjax-timeout="0">						</div>
3619		</div>
3620
3621
3622		<div id="sidecart-footer">
3623						<div class="sidecart-total-price">
3624				<span>Gesamtbetrag<small>inkl. MwSt.</small></span>
3625				<h5 id="sidecart-total" class="total-price"> 0,00</h5>
3626			</div>
3627			<a class="btn cart-btn btn-md btn-block" href="/de-ch/warenkorb/" title="Zur Kasse" data-pjax="0">Zur Kasse</a>			<a class="btn btn-back btn-md btn-block" href="/de-ch/warenkorb/" title="Zum Warenkorb" data-pjax="0">Zum Warenkorb</a>		</div>
3628
3629	</div>
3630</aside>
3631<!-- /SIDECART -->
3632
3633</div>
3634<!-- /WRAPPER -->
3635
3636
3637
3638
3639
3640<script src="/js/core.js?t=666-2020"></script>
vendor: 1 bytes, line 3640
3640
3641<script src="/assets/169cad58/jquery.pjax.js"></script>
vendor: 1 bytes, line 3641
3641
3642<script>jQuery(function ($) {
3643
3644                $(".carousel").swipe({
3645                    swipe: function (event, direction, distance, duration, fingerCount, fingerData) {
3646                        if (direction == "left") $(this).carousel("next");
3647                        if (direction == "right") $(this).carousel("prev");
3648                    },
3649                    allowPageScroll: "vertical" 
3650                });
3651            
3652
3653						let SPset	= parseInt("0");
3654						let LinkSet	= parseInt("0");
3655
3656						function partnerTXT() {
3657							if( SPset > 0 ) {
3658								if( $(window).width() < 576.2 ) {
3659									$("#top-bar-partner-txt").html("Partnerseite von:");
3660								} else {
3661									$("#top-bar-partner-txt").html("Willkommen auf der Partnerseite von");
3662								}
3663							} else {
3664								if( $(window).width() < 576.2 ) {
3665									if( LinkSet > 0 ) {
3666										$("#top-bar-partner-txt").html('<a class="text-white" href=""></a>');
3667									} else {
3668										$("#top-bar-partner-txt").html("");
3669									}
3670								} else {
3671									if( LinkSet > 0 ) {
3672										$("#top-bar-partner-txt").html('<a class="text-white" href=""></a>');
3673									} else {
3674										$("#top-bar-partner-txt").html("");
3675									}
3676								}
3677							}
3678						}
3679						partnerTXT();
3680
3681						$(window).resize(function() {
3682							if( SPset > 0 ) {
3683								if( $(window).width() < 576.2 ) {
3684									$("#top-bar-partner-txt").html("Partnerseite von:");
3685								} else {
3686									$("#top-bar-partner-txt").html("Willkommen auf der Partnerseite von");
3687								}
3688							} else {
3689								if( $(window).width() < 576.2 ) {
3690									if( LinkSet > 0 ) {
3691										$("#top-bar-partner-txt").html('<a class="text-white" href=""></a>');
3692									} else {
3693										$("#top-bar-partner-txt").html("");
3694									}
3695								} else {
3696									if( LinkSet > 0 ) {
3697										$("#top-bar-partner-txt").html('<a class="text-white" href=""></a>');
3698									} else {
3699										$("#top-bar-partner-txt").html("");
3700									}
3701								}
3702							}
3703						});
3704					
3705jQuery(document).pjax("#pjaxWarenkorb a", {"push":true,"replace":false,"timeout":0,"scrollTo":false,"container":"#pjaxWarenkorb"});
3706jQuery(document).off("submit", "#pjaxWarenkorb form[data-pjax]").on("submit", "#pjaxWarenkorb form[data-pjax]", function (event) {jQuery.pjax.submit(event, {"push":true,"replace":false,"timeout":0,"scrollTo":false,"container":"#pjaxWarenkorb"});});
3707jQuery(document).pjax("#pjaxSeitenkorb a", {"push":true,"replace":false,"timeout":0,"scrollTo":false,"container":"#pjaxSeitenkorb"});
3708jQuery(document).off("submit", "#pjaxSeitenkorb form[data-pjax]").on("submit", "#pjaxSeitenkorb form[data-pjax]", function (event) {jQuery.pjax.submit(event, {"push":true,"replace":false,"timeout":0,"scrollTo":false,"container":"#pjaxSeitenkorb"});});
3709
3710
3711	if( $("input[type='email']").length > 0 ) {
3712		$("input[type='email']").each(function() {
3713			$(this).keydown(function(e) {
3714				var e = window.event || e;
3715				var key = e.keyCode;
3716				//space pressed
3717				if (key == 32) { //space
3718					e.preventDefault();
3719				} else {
3720					$(this).val( $.trim( $(this).val() ) );
3721				}
3722			});
3723		});
3724	}
3725
3726    if( $('.hl-on-scroll').length > 0 ) {
3727        function closest(array, number) {
3728            var num = 0;
3729            for (var i = array.length - 1; i >= 0; i--) {
3730                if(Math.abs(number - array[i].position) < Math.abs(number - array[num].position)) {
3731                    num = i;
3732                }
3733            }
3734            return array[num].element;
3735        }
3736
3737        $(window).scroll(function() {
3738            if( $(window).width() >= 992 ) {
3739                var scrollTop = $(document).scrollTop() + ($(window).height() / 2) - 250;
3740            } else {
3741                var scrollTop = $(document).scrollTop() + ($(window).height() / 2) - 350;
3742            }
3743            var positions = [];
3744
3745            $('.hl-on-scroll').each(function() {
3746                $(this).removeClass("hover");
3747                positions.push({position:$(this).offset().top, element: $(this)});
3748            });
3749
3750            var getClosest = closest(positions,scrollTop);
3751            getClosest.addClass("hover");
3752        });
3753    }
3754
3755    if( $('.faq-container').length > 0 ) {
3756        $(".faq-container .card .collapse").on('show.bs.collapse', function() {
3757            $(this).parents('.card').addClass('background-shown');
3758        });
3759        $(".faq-container .card .collapse").on('hide.bs.collapse', function() {
3760            $(this).parents('.card').removeClass('background-shown');
3761        });
3762    }
3763
3764    if( $('#cntry-select-pages').length > 0 && $('.cntry-sel-pg-lnk').length > 0 ) {
3765        var cntryPGchange	= 0,
3766            cntryPageArray	= [],
3767            cntryPageShown	= 0;
3768
3769        $('.cntry-select-pg').each(function() {
3770            var i = parseInt( $(this).attr('index') );
3771            cntryPageArray[i] = $(this);
3772            if( !$(this).hasClass('show') ) {
3773                $(this).hide(1);
3774            }
3775        });
3776        $('.cntry-select-pg').each(function() {
3777            if( $(this).hasClass('show') ) {
3778                $(this).removeClass('show');
3779            }
3780        });
3781
3782        $('.cntry-sel-pg-lnk').each(function() {
3783            $(this).click(function(e) {
3784                e.preventDefault();
3785                e.stopPropagation();
3786                var target	= $(this).attr('href'),
3787                    parent	= $(this).data('prnt'),
3788                    index	= parseInt( $(this).attr('index') );
3789
3790                if( parseInt($(target).attr('index')) !== cntryPageShown ) {
3791                    $(parent).find('cntry-sel-pg-lnk').removeClass('active');
3792                    $(this).addClass('active');
3793                    cntryPageArray[index].fadeIn(160);
3794                    cntryPageArray[cntryPageShown].fadeOut(160);
3795                    cntryPageShown = index;
3796
3797                    if( $('.index-sw-prev').length > 0 ) {
3798                        var prev = index - 1;
3799                        if( prev < 0 ) { prev = cntryPageArray.length - 1; }
3800                        $('.index-sw-prev').attr('index', prev);
3801                        $('.index-sw-prev').attr('href', '#cntry-select-pg-'+prev);
3802                    }
3803                    if( $('.index-sw-next').length > 0 ) {
3804                        var next = index + 1;
3805                        if( next > (cntryPageArray.length - 1) ) { next = 0; }
3806                        $('.index-sw-next').attr('index', next);
3807                        $('.index-sw-next').attr('href', '#cntry-select-pg-'+next);
3808                    }
3809                }
3810            });
3811        });
3812    }
3813
3814});</script>
3814
3815</body>
3816</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.