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 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 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.