PageSourceSearch

https://www.love2say.de/

html love2say.de collected 2026-10-04 03:33:26 UTC 32,705 bytes, 1,172 lines download raw bytes

1<!DOCTYPE html>
2
3
4
5
6
7
8
9
10
11    
12        
13    
14
15
16
17
18        
19    
20    
21        
22        
23
24<!-- panel_name: love2say -->
25<!-- primary_color: #FFD30E -->
26<html lang="de" >
27
28<head>
29  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
30  <meta charset='UTF-8'>
31  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
32
33  <meta content='website' property='og:type'>
34  <meta content='de' property='og:locale'>
35
36      <meta content='Love2say' property='og:title'>
37    <meta content='Love2say' property='og:site_name'>
38    <meta content='Mit Deiner Meinung Produkte von morgen mitgestalten und Punkte sammeln' property='og:description'>
39    <meta content='customer/i_p4/love2say/img/lx_logo.png' property='og:image'>
40  
41  <title>
42          Love2say
43          </title>
44    <meta content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no' name='viewport' />
45
46    
47    <link rel="stylesheet" href="/customer/i_p4/love2say/css/love2say.css?tx202311081032" media="screen" />
48
49    
50    
50<script src="/customer/i_p4/global/js/turbo.js" crossorigin="anonymous" type="module"></script>
50
51    
51<script src="/lib/panel/panel_functions.js"></script>
51
52    
52<script src="/customer/i_p4/global/js/whimwheel.js"></script>
52
53
54    <!--[if lte IE 9]>
55  <link rel="stylesheet" href="/customer/i_p4/global/css/whimhweel_ie.css" media="screen"/>
56  
56<script src="/customer/i_p4/global/js/jquery_placeholder_plugin.js"></script>
56
57  <![endif]-->
58
59    
60    <link rel="icon" type="image/x-icon" href="/customer/i_p4/love2say/img/favicon_de_lx.ico" />
61
62
63    
64      
65        
65<script id="CookiebotConfiguration" type="application/json" data-cookieconsent="ignore">
66          {
67            "Frameworks": {
68              "IABTCF2": {
69                "AllowedVendors": [788, 44, 39],
70                "AllowedGoogleACVendors": []
71              }
72            }
73          }
74        </script>
74
75        <!-- Google Tag Manager -->
76        
76<script>
vendor: 478 bytes, lines 76-87
76
77          (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
78          new Date().getTime(), event: 'gtm.js'
79          });
80          var f = d.getElementsByTagName(s)[0],
81            j = d.createElement(s),
82            dl = l != 'dataLayer' ? '&l=' + l : '';
83          j.async = true;
84          j.src =
85            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
86          f.parentNode.insertBefore(j, f);
87          })(window, document, 'script', 'dataLayer', '
87GTM-MLRJ5BQJ
vendor: 12 bytes, lines 87-88
87');
88        
88</script>
88
89        <!-- End Google Tag Manager -->
90      
91      
91<script>
92        window.dataLayer = window.dataLayer || [];
93        console.log("alles da")
94        window.addEventListener('CookiebotOnLoad', function() {
95          console.log('cookiebot loaded')
96          window.dataLayer.push({ 'event': 'cookiebot_loaded' })
97          console.log('loading tcf script')
98          __tcfapi('getTCData', 2, function(tcData, success) {
99              if (success) {
100                if(){
101                console.log("logged in")
102                var cookieconsent_ww = parseInt('')
103                var cookieconsent_audience = parseInt('')
104                var cookieconsent_content = parseInt('')
105                var has_consent = cookieconsent_ww === 1 || cookieconsent_audience === 1 || cookieconsent_content ===
106                  1
107                console.log("has consent?", has_consent)
108
109                console.log("additional consent given and data present")
110                window.dataLayer.push({
111                  'event': 'additonal_consent_given',
112                  'affiliate_token': '',
113                  'panel_name': '',
114                  'cookieconsent_ww': parseInt(''),
115                  'cookieconsent_audience': parseInt(''),
116                  'cookieconsent_content': parseInt(''),
117                  'has_consent': has_consent,
118                  'is_app': '0'
119                })
120                if (cookieconsent_ww === 1) {
121                  window.dataLayer.push({
122                    'event': 'ww_consent_given',
123                    'cookieconsent_ww': parseInt('')
124                  })
125                }
126
127                console.log('triggering tcf api stuff')
128                window.dataLayer.push({
129                  'tcfString': tcData['tcString'],
130                  'event': 'tcfdatapresent',
131                  'affiliate_token': ''
132                });
133              }
134            }
135          })
136        })
137
138        if(){
139        console.log("logged in")
140        var cookieconsent_ww = parseInt('')
141        var cookieconsent_audience = parseInt('')
142        var cookieconsent_content = parseInt('')
143        var has_consent = cookieconsent_ww === 1 || cookieconsent_audience === 1 || cookieconsent_content === 1
144        console.log("has consent?", has_consent)
145
146        console.log("additional consent given and data present")
147        window.dataLayer.push({
148          'event': 'additonal_consent_given',
149          'affiliate_token': '',
150          'panel_name': '',
151          'cookieconsent_ww': parseInt(''),
152          'cookieconsent_audience': parseInt(''),
153          'cookieconsent_content': parseInt(''),
154          'has_consent': has_consent,
155          'is_app': '0'
156        })
157        }
158        else {
159          console.log("not logged in or no data")
160          window.dataLayer.push({
161            'has_consent': 0
162          })
163        }
164      </script>
164
165    
166
167  
168	
168<script type="text/javascript" src="lib/participant/webpush/webpush_serviceworker.js"></script>
168
169</head>
170
171  <body class='public_page' id='lx'>
172
173                            
174        
174<script type="application/json" id="vue-config-appConfig">
175    {
176        "panelConfig": {
177            "project_id": 4,
178              "panelName": "Love2say",
179            "apiHost": "https://app.horizoom.io",
180                    "styleSheetUrls": [
181                "https://www.love2say.de/customer/i_p4/love2say/css/love2say.css?tx202311081032"
182              ],
183    "cssVariables": {
184                "--color-primary": "#fdd300",
185                "--color-secondary": "#212529",
186                "--color-info": "#0dcaf0",
187                "--card-shadow": "0 0.25rem 1.25rem 0 var(--shadow-color)",
188                "--border-radius": "0.625rem",
189                "--card-bg": "#ffffff",
190                "--icon-color-secondary": "#AC004B",
191                "--icon-color-tertiary": "#54BAD3",
192                "--color-primary-contrast": "var(--color-black)"
193              },
194    "pageIds": {
195                "surveys": 77,
196                "history": 28,
197                "taf": 44,
198                "news": 46
199              },
200              "uiConfig": {
201                "iconPack": "rtl",
202                "features": {
203                  "levelSystem": false,
204                  "taf": true
205                },
206                "surveyCardVariant": "secondary",
207                "defaultProfilingTickets": 3,
208                "showAppPromoBanner": true,
209            "appLinks": {
210              "android": "https://play.google.com/store/apps/details?id=de.l2s.love2say&hl=de&utm_source=profile_click",
211              "ios": "https://apps.apple.com/de/app/love2say/id1456137376?utm_source=profile_click"
212            },
213                "sidebarCards": {
214                  "showDonationCard": true,
215                  "showDailyTicketsCheckInCard": false,
216                  "donationUrl": "/?ID=19#spenden",
217                  "showTicketsCard": true,
218                  "showNewsCard": true,
219                  "tafGlow": false
220                }
221              }
222        },
223        "authToken": "1626a263d00a9ec5eaeaf8da5dca17ce",
224        "TID": ,
225        "pageId": 1,
226        "email_domain": "",
227            "isApp": false,
228        "panelIdentifier": "love2say",
229        "detectedDevice": "desktop"
230    }
231    </script>
231
232    
233          <!-- Google Tag Manager (noscript) -->
234      <noscript>
235        <iframe src=https://www.googletagmanager.com/ns.html?id=GTM-MLRJ5BQJ height="0" width="0"
236          style="display:none;visibility:hidden"></iframe>
237      </noscript>
238      <!-- End Google Tag Manager (noscript) -->
239    
240    
241      
242
243  <style>
244    :root {
245      --bs-primary: #ddab3e;
246      --bs-primary-rgb: 221, 171, 62;
247      --bs-primary-hover: color-mix(in srgb, var(--bs-primary) 20%, transparent);
248      --bs-primary-active: color-mix(in srgb, var(--bs-primary) 30%, transparent);
249      --bs-btn-bg: var(--bs-primary);
250      --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary), white 15%);
251      --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-btn-border-color), white 15%);
252      --bs-btn-hover-color: white;
253      --bs-modal-width: 700px;
254      --bs-modal-border-radius: 3px;
255      --bs-modal-border-color: transparent;
256      --bs-body-font-size: 0.85rem;
257    }
258
259    .modal {
260      --bs-modal-width: 700px;
261      --bs-modal-border-radius: 3px;
262      --bs-modal-border-color: transparent;
263    }
264
265    .modal .modal-title {
266      font-size: 1.25rem;
267    }
268
269    #brand-nav {
270      background-color: rgba(255, 255, 255, 0.75);
271      backdrop-filter: blur(10px);
272    }
273
274    #brand-nav #panel-logo {
275      margin-bottom: 0.25rem;
276      margin-top: 0.75rem;
277      height: 30px !important;
278    }
279
280    #brand-nav .brand {
281      margin-top: 0;
282      height: 30px !important;
283    }
284
285    @media (max-width: 991px) {
286      #brand-nav .brand {
287        margin-top: 5px;
288
289        height: 32px !important;
290      }
291    }
292
293    .navbar-collapse.show,
294    .navbar-collapse.collapsing {
295      padding-top: 0.5rem;
296    }
297
298    footer .container {
299      padding: 30px 0;
300    }
301
302
303    @font-face {
304      font-family: 'Open Sans';
305      font-weight: 700;
306      font-style: normal;
307      /* Yes, this is unfortunately love2say, also for ilovemymedia because the file is missing */
308      src: url(customer/i_p4/love2say/fonts/OpenSans-Bold.ttf) format("truetype")
309    }
310
311    .landingpage-box,
312    .landingpage-box .content {
313      display: flex;
314      flex-grow: 1;
315      flex-direction: column;
316
317    }
318
319    .landingpage-box .btn.login-button {
320      --bs-btn-bg: #ffffffa3;
321      color: var(--bs-primary);
322      /* register button is slightly smaller, no idea why */
323    }
324
325    .landingpage-box .btn.login-button:hover,
326    .landingpage-box .btn.login-button:focus {
327      color: white !important;
328      border-color: white !important;
329    }
330
331    .landingpage-box .btn.register-button {
332      border-width: 2px;
333    }
334
335    .landingpage-box .btn.register-button:hover,
336    .landingpage-box .btn.register-button:focus {
337      border-color: white !important;
338    }
339
340    .landingpage-box .btn {
341      --bs-btn-border-radius: 3px;
342      --bs-btn-border-color: var(--bs-primary);
343    }
344
345    footer {
346      background-color: var(--bs-primary);
347    }
348
349    #nav-footer.flat-layout,
350    #nav-footer.flat-layout ul a {
351      font-weight: bold;
352      text-decoration: none !important;
353      font-style: normal !important;
354      /* color: var(--bs-primary) */
355    }
356
357    #nav-footer.flat-layout ul a:hover {
358      /* color: var(--bs-btn-hover-bg) */
359      text-decoration: underline !important;
360    }
361
362    #nav-footer.flat-layout ul li {
363      display: flex;
364    }
365
366    @media (max-width: 767px) {
367      #nav-footer.flat-layout ul {
368        list-style: none;
369        margin: 0;
370        padding-left: 20px
371      }
372
373      #nav-footer.flat-layout ul li {
374        padding-top: 10px
375      }
376    }
377
378    .bold-open-sans {
379      font-weight: bold;
380    }
381
382    body h1,
383    body .h1,
384    body h2,
385    body .h2 {
386      font-weight: 600;
387    }
388
389    @media (min-width: 768px) {
390      #nav-footer.flat-layout ul {
391        display: flex;
392        justify-content: space-between
393      }
394    }
395
396    /* move to global css END */
397
398
399    body,
400    body h1,
401    body .h1,
402    body h2,
403    body .h2 {
404      font-family: "Open Sans", "Helvetica Neue", var(--bs-font-sans-serif);
405    }
406
407
408    body {
409      /* was override for l2say */
410      font-size: var(--bs-body-font-size);
411    }
412  </style>
413
414
415    <style>
416      :root {
417        --bs-primary: #ffd30c;
418        --bs-primary-rgb: 255, 211, 12;
419        --bs-secondary: #212529;
420        --btn-color: #212529;
421        --bs-btn-bg: var(--bs-primary);
422        --bs-btn-hover-color: var(--bs-secondary);
423        --btn-hover-bg: color-mix(in srgb, var(--bs-primary) 90%, black);
424        --btn-secondary-hover-bg: color-mix(in srgb, var(--bs-primary) 10%, white);
425        --btn-border-radius: 5px;
426        --btn-disabled-bg: color-mix(in srgb, var(--bs-primary) 90%, white);
427        --bs-btn-focus-shadow-rgb: 74, 0, 32;
428        --card-border-radius: 10px;
429        --shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
430        --active-gradient:           radial-gradient(58.16% 31.58% at 49.49
430% 94.74%,
431            rgba(253, 211, 0, 0.44) 0%,
432            rgba(253, 211, 0, 0.00) 79.33%);
433        ;
434      }
435
436      .landingpage-box {
437        background-image: linear-gradient(176deg, #F2F2F2 700px, #DADADA calc(700px + 2px));
438      }
439
440      /* NAVBAR */
441
442      .navbar {
443        * {
444          color: var(--bs-secondary);
445        }
446
447        .navbar-nav>li.active>a {
448          font-weight: 500;
449        }
450
451        .navbar-brand {
452          padding: 0;
453          margin: 0;
454        }
455
456        .navbar-nav>li>.dropdown-menu .dropdown-item,
457        .navbar-nav>li>.dropdown-menu li.dropdown-item>a,
458        .navbar-nav>.nav-item>.dropdown-menu .dropdown-item,
459        .navbar-nav>.nav-item>.dropdown-menu li.dropdown-item>a,
460        .navbar-nav>.nav-item>ul>.dropdown-menu .dropdown-item,
461        .navbar-nav>.nav-item>ul>.dropdown-menu li.dropdown-item>a {
462          color: var(--bs-secondary);
463        }
464
465        .navbar-nav>li>.dropdown-menu>.dropdown-item:hover,
466        .navbar-nav>.nav-item>.dropdown-menu>.dropdown-item:hover {
467          background-color: transparent;
468        }
469
470        .nav-link {
471          color: var(--bs-secondary);
472          font-size: 1rem;
473          font-weight: 500;
474          position: relative;
475          transition: color 200ms ease-in-out;
476
477          svg {
478            height: 1rem;
479            width: 1rem;
480          }
481        }
482
483        li.active>a {
484          border-bottom: none;
485        }
486
487        @media (min-width: 992px) {
488          .nav-item>.nav-link::after {
489            content: "";
490            position: absolute;
491            left: -18%;
492            bottom: -21px;
493            width: 140%;
494            height: 72px;
495            pointer-events: none;
496            background: var(--active-gradient);
497            transform: scale(0.6);
498            transform-origin: bottom center;
499            opacity: 0;
500            transition: opacity 200ms ease, transform 200ms ease;
501          }
502
503          .nav-item>.nav-link:hover::after,
504          .nav-item.active>.nav-link::after {
505            opacity: 1;
506            transform: scale(1);
507          }
508        }
509
510        .nav-item>.nav-link:focus,
511        .nav-item>.nav-link:hover {
512          background-color: transparent;
513        }
514      }
515
516      #nav-collapse-menu-signed-in.navbar-collapse {
517        background-color: transparent;
518        padding: 0;
519      }
520
521      #brand-nav {
522        .brand {
523          width: 70px;
524          height: 50px !important;
525          background-position-x: center;
526        }
527
528        #panel-logo {
529          height: auto !important;
530          margin: 0;
531        }
532
533        #sitelogo_de,
534        #sitelogo_fr,
535        #sitelogo_it {
536          margin: 0;
537          background-position-x: center;
538          background-position-y: center;
539        }
540      }
541
542      .logged-panel-logo {
543        width: fit-content;
544      }
545
546      #toggler-menu-signed-in {
547        margin: 0;
548      }
549
550      .user-balance {
551        font-size: 1rem;
552        font-weight: 500;
553
554        svg {
555          stroke-width: 1.5;
556          padding: 3px;
557        }
558      }
559
560      @media (max-width: 991px) {
561        #brand-nav {
562          .brand {
563            margin-top: 0;
564            height: 42px !important;
565            width: 60px;
566            background-position-x: center;
567          }
568
569          .navbar-toggler {
570            border: none;
571            display: flex;
572            padding: 0;
573          }
574        }
575
576        #sitelogo_de,
577        #sitelogo_fr,
578        #sitelogo_it {
579          position: inherit;
580        }
581
582        #toggler-menu-signed-in {
583          padding: 1rem 0.5rem !important;
584        }
585      }
586
587      
588      /* open dropdown menu on hover */
589      .navbar-nav .nav-item.dropdown:hover>.dropdown-menu {
590        display: block;
591        margin-top: 0;
592      }
593
594      .dropdown-item>.nav-link:hover {
595        background-color: color-mix(in srgb,
596            var(--bs-primary) 20%,
597            white) !important;
598      }
599
600      .nav-link[aria-expanded="true"] svg {
601        transform: rotate(180deg);
602      }
603
604      .dropdown-toggle::after {
605        display: none;
606      }
607
608
609    .navbar {
610      .dropdown-item.active {
611        background-color: transparent;
612
613        a {
614          font-weight: 600;
615        }
616      }
617      .dropdown-item:active {
618        background-color: transparent;
619      }
620    }
621
622      .dropdown-menu {
623        border: none;
624        box-shadow: var(--shadow);
625        border-radius: var(--card-border-radius);
626        background-color: white !important;
627      }
628
629      #nav-collapse-menu-signed-in.navbar-collapse {
630        background-color: transparent;
631        padding-left: 0;
632
633        .nav-link {
634          background-color: transparent;
635          transition: all 150ms ease-in-out;
636        }
637
638        .nav-link:active {
639          background-color: var(--bs-primary-hover)
640        }
641      }
642
643      /* BUTTONS */
644
645      .landingpage-box {
646        .btn {
647          border-radius: var(--btn-border-radius);
648          border: 2px var(--bs-primary) solid;
649        }
650
651        .btn:hover {
652          border-color: var(--bs-btn-hover-border-color);
653        }
654
655        .btn.login-button {
656          background-color: white;
657          color: var(--bs-secondary);
658        }
659
660        .btn.register-button {
661          border-width: 2px;
662        }
663
664        .btn.login-button:hover {
665          border-color: var(--bs-primary) !important;
666          color: var(--btn-secondary) !important;
667          background-color: var(--btn-secondary-hover-bg) !important;
668        }
669
670        .btn.login-button:focus {
671          background-color: var(--btn-secondary-hover-bg) !important;
672          color: var(--bs-secondary) !important;
673          border-color: var(--bs-btn-border-color) !important;
674          box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5) !important;
675        }
676      }
677
678      .btn:disabled {
679        background-color: var(--btn-disabled-bg);
680        border-color: var(--btn-disabled-bg);
681      }
682
683      .btn:focus {
684        color: var(--btn-color);
685      }
686
687      a.btn-primary,
688      input.btn-primary,
689      span.btn-primary,
690      button.btn-primary {
691        background-color: var(--bs-primary);
692        box-shadow: none;
693        color: var(--btn-color);
694        font-weight: 600;
695        padding: 0.5rem 1rem;
696        border-radius: var(--btn-border-radius);
697        border: 1px solid var(--bs-primary);
698        text-decoration: none;
699      }
700
701      .btn:hover {
702        color: var(--btn-color);
703        background-color: var(--btn-hover-bg);
704      }
705
706      /* CARD STYLING */
707
708      .shadow-card {
709        box-shadow: var(--shadow);
710        border-radius: var(--card-border-radius);
711        padding: 0.75rem;
712        background-color: white;
713      }
714
715      /* FOOTER */
716
717      #lx footer {
718        background-color: var(--bs-secondary);
719      }
720
721      footer ul a {
722        text-decoration: none;
723      }
724
725      footer ul a:hover {
726        text-decoration: underline !important;
727      }
728
729      @media (max-width: 768px) {
730        #nav-footer.flat-layout ul {
731          display: flex;
732          flex-wrap: wrap;
733          justify-content: space-between;
734        }
735
736      }
737
738      
739
740      .burger {
741        position: relative;
742        width: 24px;
743        height: 2px;
744        background: currentColor;
745        display: inline-block;
746        border-radius: 10px;
747        height: 3px;
748        transition: background 0.25s ease-in-out;
749      }
750
751      .burger::before,
752      .burger::after {
753        content: "";
754        position: absolute;
755        left: 0;
756        width: 24px;
757        height: 3px;
758        background: currentColor;
759        border-radius: 10px;
760        transition: transform 0.25s ease-in-out, top 0.25s ease-in-out;
761      }
762
763      .burger::before {
764        top: -7px;
765      }
766
767      .burger::after {
768        top: 7px;
769      }
770
771      .navbar-toggler[aria-expanded="true"] .burger {
772        background: transparent;
773      }
774
775      .navbar-toggler[aria-expanded="true"] .burger::before {
776        transform: rotate(45deg);
777        top: 0;
778      }
779
780      .navbar-toggler[aria-expanded="true"] .burger::after {
781        transform: rotate(-45deg);
782        top: 0;
783      }
784    </style>
785
786
787
788  <div class='landingpage-box'>
789      <div class='header sticky-top z-1 border-bottom'>
790                
791        
792
793        <nav class='navbar navbar-white navbar-expand-lg p-2 py-lg-3' id='brand-nav'>
794          <div class="container-fluid }">
795
796                          <div class='unlogged-panel-logo pe-sm-5 d-flex' id='panel-logo'>
797                <a class="navbar-brand brand d-inline-block" id="sitelogo_de" href="/"></a>
798              </div>
799            
800
801                          <button aria-controls="navbar-collapsed-content" aria-expanded="false" aria-label="Toggle navigation"
802                class="shadow-none navbar-toggler" data-bs-target="#navbar-collapsed-content" data-bs-toggle="collapse"
803                id="toggler-menu-signed-in" type="button">
804                <span class="burger"></span>
805
806              </button>
807
808              <nav class='collapse navbar-collapse' id='navbar-collapsed-content'>
809                <ul class='navbar-nav ms-auto' id='header-landing-page-container'>
810                  <li class='nav-item '>
811                    <a class="nav-link fs-6 fw-bold" href="/?ID=61">Prämien</a>
812                  </li>
813
814                  <li class='nav-item'>
815                    <a class="nav-link fs-6 fw-bold" href="/?ID=2"
816                      onClick="load_panelpage(2, '.modal-dialog .modal-body');change_modal_titel('Login'); return false;"
817                      data-bs-toggle="modal" data-bs-target="#staticBackdrop">Login</a>
818                  </li>
819                                      <li class='nav-item'>
820                      <a class="nav-link fs-6 fw-bold" href="/?ID=3"
821                        onClick="load_panelpage(3, '.modal-dialog .modal-body');change_modal_titel('Registrieren'); return false;"
822                        data-bs-toggle="modal" data-bs-target="#staticBackdrop" style="cursor: pointer">Registrieren</a>
823                    </li>
824                                  </ul>
825              </nav>
826            
827
828                      </div>
829        </nav>
830      </div>
831
832
833    
834
835    <div class='content'>
836      <div class='main' id='main'>
837        
838        
839                                     
840
841
842
843    
844        
845    
846
847
848
849
850        
851    
852    
853        
854        
855
856<!-- panel_name: love2say -->
857<!-- primary_color: #FFD30E -->     
858<style>
859	/* TODO: move to global css  START*/
860	.login-button {
861		--bs-border-color: var(--bs-primary);
862	}
863
864	.login-link {
865		text-decoration: none;
866	}
867
868	.login-link:hover,
869	.login-link:focus {
870		text-decoration: underline;
871	}
872
873
874	.header_card {
875		background-color: rgba(255, 255, 255, 0.25);
876		border-radius: 5px;
877		backdrop-filter: blur(10px);
878		max-width: 500px;
879		font-size: 1.25em;
880	}
881
882	#header_image {
883		width: 100%;
884		/* background-image: url(multimedia/images/2260_2.jpg); */
885		background-image: url(./multimedia/images/2475_2.jpg);
886		background-size: cover;
887		background-repeat: no-repeat;
888		position: relative;
889		clip-path: none;
890		clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
891
892		padding-top: 3rem;
893		padding-bottom: 5rem;
894		/* 3+polygon*/
895	}
896
897	@media (min-width: 768px) {
898		#header_image {
899			padding-bottom: 8rem;
900		}
901	}
902
903	.header_box {
904		justify-content: end;
905	}
906
907	.header_image-left {
908		background-position-x: 60%;
909		background-position-y: 50%;
910	}
911
912	@media (prefers-reduced-motion: no-preference) {
913		.header_image-left {
914			background-size: 110%;
915			animation: parallax linear;
916			animation-timeline: scroll(root);
917		}
918	}
919
920
921	@keyframes parallax {
922		from {
923
924			background-position-y: 50%; }
925			to {
926				background-position-y: calc(50% * -0.1);
927			}
928		}
929
930		.header_card {
931			align-self: end;
932		}
933
934		.header_image-left .header_card {
935			align-self: start;
936		}
937
938
939		/* Styles nur für Mobilgeräte und schmaler */
940		@media (max-width: 767px) {
941			#header_image {
942				/* background-size: cover; */
943				min-height: 225px;
944			}
945		}
946
947		/* Styles nur für Desktop-Geräte und größer */
948		@media (min-width: 992px) {
949			#header_text {
950				min-height: 50vh;
951			}
952		}
953</style>
954
955 
956<div class="bg-white">
957	<div class="text-dark">
958				<section id="header_image" class="header_image-left">
959			<div class="container-xxl align-content-center" id="header_text">
960				<div class="flex-column d-none d-md-flex text-center gap-4 header_box">
961					<div class="mb-2 col p-5 mw-50 mx-4 header_card">
962	<h1 class="bold-open-sans" id="headline" style="color: black; text-transform: uppercase">
963		SPASS AN
964			ONLINE-UMFRAGEN?
965			BEI UNS BIST DU RICHTIG!
966			</h1>
967
968	<h2 style="font-size: 1.25rem">Sicher. Seriös. Kostenlos.</h2>
969
970	<p>
971		Nimm an spannenden Befragungen teil und erhalte für jede Teilnahme eine
972		Belohnung!
973	</p>
974	<p>
975		Löse dein erworbenes Guthaben als <wbr />Gutschein, Banküberweisung oder
976		Spende&nbsp;ein.
977	</p>
978
979	<div class="mt-4 row gap-2">
980		<button type="button" class="btn p-1 px-3 login-button fs-3 me-1 col"
981			onClick="load_panelpage(2, '.modal-dialog .modal-body');change_modal_titel('Login');"
982			data-bs-toggle="modal" data-bs-target="#staticBackdrop">
983			Login
984		</button>
985					<button type="button" class="btn btn-primary btn-primary fw-normal p-1 px-3 fs-3 col"
986				onClick="load_panelpage(3, '.modal-dialog .modal-body');change_modal_titel('Registrieren');"
987				data-bs-toggle="modal" data-bs-target="#staticBackdrop" style="max-width: 90% /* size of text */; margin: auto;">
988				Registrierung
989			</button>
990		
991		
992	</div>
993	</div>
994											<div class="col mw-50 mx-4" style="max-width: 500px">
995							<div class="col py-4 p-3 mw-50 header_card"> Du möchtest mobil
996teilnehmen?<wbr /> Lade Dir hier unsere kostenlose App runter:
997
998			<div class="row mt-2">
999			<div class="col d-flex justify-content-center align-items-center">
1000				<a href="https://apps.apple.com/de/app/love2say/id1456137376" target="_blank" class="me-1">
1001					<img src="customer/i_p1/img/appstores/apple_store_badge_de.svg" alt="love2say App"
1002						style="width: 164px; height: 55px;">
1003				</a>
1004			</div>
1005			<div class="col d-flex justify-content-center align-items-center">
1006				<a href="https://play.google.com/store/apps/details?id=de.l2s.love2say&hl=de" target="_blank">
1007					<img src="customer/i_p1/img/appstores/google_play_badge_de.png" alt="love2say App"
1008						style="width: 181px; height: 70px">
1009				</a>
1010			</div>
1011		</div>
1012	</div>
1013						</div>
1014
1015									</div>
1016			</div>
1017		</section>
1018	</div>
1019
1020	<div class="container-xl d-flex d-md-none my-4 px-4 text-center flex-column mobile">
1021		
1022	<h1 class="bold-open-sans" id="headline" style="color: black; text-transform: uppercase">
1023		SPASS AN
1024			ONLINE-UMFRAGEN?
1025			BEI UNS BIST DU RICHTIG!
1026			</h1>
1027
1028	<h2 style="font-size: 1.25rem">Sicher. Seriös. Kostenlos.</h2>
1029
1030	<p>
1031		Nimm an spannenden Befragungen teil und erhalte für jede Teilnahme eine
1032		Belohnung!
1033	</p>
1034	<p>
1035		Löse dein erworbenes Guthaben als <wbr />Gutschein, Banküberweisung oder
1036		Spende&nbsp;ein.
1037	</p>
1038
1039	<div class="mt-4 row gap-2">
1040		<button type="button" class="btn p-1 px-3 login-button fs-3 me-1 col"
1041			onClick="load_panelpage(2, '.modal-dialog .modal-body');change_modal_titel('Login');"
1042			data-bs-toggle="modal" data-bs-target="#staticBackdrop">
1043			Login
1044		</button>
1045					<button type="button" class="btn btn-primary btn-primary fw-normal p-1 px-3 fs-3 col"
1046				onClick="load_panelpage(3, '.modal-dialog .modal-body');change_modal_titel('Registrieren');"
1047				data-bs-toggle="modal" data-bs-target="#staticBackdrop" style="max-width: 90% /* size of text */; margin: auto;">
1048				Registrierung
1049			</button>
1050		
1051		
1052	</div>
1053	 			<div class="my-2 row justify-content-center text-center">
1054				<div class="col-xl-7 col-lg-6 col-md-8 align-self-end p-5 mw-50">
1055					 Du möchtest mobil
1056teilnehmen?<wbr /> Lade Dir hier unsere kostenlose App runter:
1057
1058			<div class="row mt-2">
1059			<div class="col d-flex justify-content-center align-items-center">
1060				<a href="https://apps.apple.com/de/app/love2say/id1456137376" target="_blank" class="me-1">
1061					<img src="customer/i_p1/img/appstores/apple_store_badge_de.svg" alt="love2say App"
1062						style="width: 164px; height: 55px;">
1063				</a>
1064			</div>
1065			<div class="col d-flex justify-content-center align-items-center">
1066				<a href="https://play.google.com/store/apps/details?id=de.l2s.love2say&hl=de" target="_blank">
1067					<img src="customer/i_p1/img/appstores/google_play_badge_de.png" alt="love2say App"
1068						style="width: 181px; height: 70px">
1069				</a>
1070			</div>
1071		</div>
1072	
1073				</div>
1074			</div>
1075			</div>
1076
1077			<div class="container-xxl bg-white py-4 text-center text-md-start">
1078			<div class="container">
1079				<h2>So einfach bist Du dabei!</h2>
1080				<div class="row">
1081					<div class="col-md">
1082						<h3>1. Registrieren</h3>
1083						<p>
1084							Melde Dich kostenlos an. Du hast keinerlei Verpflichtungen und wir
1085							senden Dir keine Werbung zu. Wir halten uns strikt an die deutschen
1086							Datenschutzgesetze.
1087						</p>
1088					</div>
1089					<div class="col-md">
1090						<h3>2. An Umfragen teilnehmen</h3>
1091						<p>
1092							Wir laden Dich regelmäßig zu abwechslungsreichen Umfragen ein. Für
1093							jede Teilnahme belohnen wir Dich mit Punkten und Losen, die wir
1094							Deinem Nutzerkonto gutschreiben.
1095						</p>
1096					</div>
1097					<div class="col-md">
1098						<h3>3. Guthaben einlösen</h3>
1099						<p>
1100							Deine gesammelten Punkte kannst Du im Prämien-Shop einlösen. Zudem
1101							sammelst Du monatlich Lose für tolle Gewinne.
1102						</p>
1103					</div>
1104				</div>
1105			</div>
1106		</div>
1107	</div>
1108
1109
1110<script src="customer/i_p4/global/js/fingerprint.js" crossorigin="anonymous" type="module"></script>
1110
1111<link rel="modulepreload" href="customer/i_p4/global/js/fp.js" as="script" crossorigin="anonymous" />
1112<script src="customer/i_p4/global/js/password_strength.js" crossorigin="anonymous" type="module"></script>
1112
1113<link rel="modulepreload" href="customer/i_p4/global/js/vue.js" as="script" crossorigin="anonymous" />
1114<link rel="modulepreload" href="customer/i_p4/global/js/runtime_dom.js" as="script" crossorigin="anonymous" />
1115<script src="customer/i_p4/global/js/stimulus.js" crossorigin="anonymous" type="module"></script>
1115
1116                      
1117        
1118      </div>
1119    </div>
1120
1121            <div class='footer'>
1122          <footer>
1123            <div class='container'>
1124              <nav class="bold-open-sans flat-layout px-3">
1125                <ul class="row list-unstyled g-2 g-lg-0 justify-content-between m-0 text-center">
1126                  <li class="col-6 col-md-auto">
1127                    <a href="/?ID=4">Über Uns</a>
1128                  </li>
1129                  <li class="col-6 col-md-auto">
1130                    <a href="/?ID=5">AGB</a>
1131                  </li>
1132                  <li class="col-6 col-md-auto">
1133                    <a href="/?ID=47">Gewinnspiel</a>
1134                  </li>
1135                  <li class="col-6 col-md-auto">
1136                    <a href="/?ID=6">Datenschutz</a>
1137                  </li>
1138                  <li class="col-6 col-md-auto">
1139                    <a href="/?ID=7">Impressum</a>
1140                  </li>
1141                  <li class="col-6 col-md-auto">
1142                    <a href="/?ID=8">Support</a>
1143                  </li>
1144                  <li class="col-6 col-md-auto">
1145                    <a href="/?ID=9">FAQ</a>
1146                  </li>
1147                </ul>
1148              </nav>
1149
1150            </div>
1151          </footer>
1152        </div>
1153
1154      
1155    
1156    <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
1157      aria-labelledby="staticBackdropLabel" aria-hidden="true"
1158      style="backdrop-filter: blur(5px); background-color: rgba(0,0,0,0.5)">
1159      <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
1160        <div class="modal-content p-1">
1161          <div class="d-flex justify-content-between align-items-center p-1 px-3 border-bottom-0">
1162            <h3 class="modal-title fw-bold" id="staticBackdropLabel"></h3>
1163            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1164          </div>
1165          <div class="modal-body"></div>
1166        </div>
1167      </div>
1168    </div>
1169  </div>
1170</body>
1171
1172</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.