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;">» Switzerland «</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&size=S&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">© HEMPMATE - All rights reserved.</span> 3129 <span class="shown-727-620">©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.