main.picksecured.com
Open in
urlscan Pro
2606:4700:3031::6815:52e5
Public Scan
Submitted URL: https://ib.adnxs.com/getuid?https://illuvium-loyalty.com/DE
Effective URL: https://main.picksecured.com/c/index?cc=DE&project=1307&camp=20127&access=7d1dbdb100000&aff=buzz&m=ns_66&publisher=buzz_66_16...
Submission: On October 14 via manual from DE — Scanned from DE
Effective URL: https://main.picksecured.com/c/index?cc=DE&project=1307&camp=20127&access=7d1dbdb100000&aff=buzz&m=ns_66&publisher=buzz_66_16...
Submission: On October 14 via manual from DE — Scanned from DE
Form analysis 1 forms found in the DOM
POST https://main.picksecured.com/c/write_data.cgi
<form action="https://main.picksecured.com/c/write_data.cgi" method="POST" onsubmit="return makeCheck();"><input name="db_project" type="hidden" value="1307"> <input name="db_geo" type="hidden" value="DE"> <input name="db_camp" type="hidden"
value="20127"> <input type="hidden" name="link"
value="https://main.picksecured.com/c/index?cc=DE&project=1307&camp=20127&access=13579&page=1&m=ns_66&ymid=4e62db66-8a14-11ef-9b91-28924a3ab82c&aff=buzz&pub_id=166215_&publisher=buzz_66_166215_"><input
name="aff" type="hidden" value="buzz"><input name="publisher" type="hidden" value="buzz_66_166215_">
<div id="page_1" class="none" style="display: block;">
<meta charset="UTF-8">
<meta content="initial-scale=1, maximum-scale=1" name="viewport">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
--text-color: #212121;
--light: white;
--lighter: #f7fafc;
--grey: #e1e1e1;
--gradient-1: linear-gradient(84.76deg, #491dc3, #aa28fa);
--btn-primaty: #4e306a;
--btn-secondary: #e8289c;
--pink-text: #bb37d0;
--head-text: #212121;
--text-description: #2f2f2f;
--grey-text: #969696;
--text: #777878;
}
body {
height: 100vh;
width: 100vw;
overflow-x: hidden;
font-family: 'Poppins', sans-serif;
background-color: white;
}
body,
html {
padding: 0;
line-height: normal;
font-family: 'Poppins', sans-serif;
color: var(--text-color);
overflow-x: hidden;
width: 100%;
margin: 0;
font-style: normal;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none;
outline: none;
}
body {
overflow-y: scroll;
scroll-behavior: smooth;
}
</style>
<style type="text/css">
/*form css*/
.form-horizontal .has-feedback .form-control-feedback {
right: 0;
}
#customer_phone {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.modal .close {
font-size: 10rem !important;
}
.pa-subs-icon-container .pa-subs-icon {
width: auto !important;
}
.pa-subs-btn-link {
background-color: #5b9b51;
}
.pa-powered-by-txt {
display: none !important;
}
label.maxwidth {
width: 100%;
}
.form-checkbox {
cursor: pointer;
}
.form-checkbox .big-checkbox {
margin-top: 5px;
}
.form-checkbox span {
font-size: 13px;
color: white;
}
.customer_submit_btn {
margin-top: 7px;
}
.top-bar p,
.top-bar a {
color: #555555;
font-size: 30px !important;
text-transform: uppercase;
}
.top-bar span {
color: green;
}
.top-bar p {
padding-left: 5px !important;
padding-right: 5px !important;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
margin-top: 4px\9;
width: auto;
display: inline;
margin-left: -20px;
margin-right: 5px;
}
@media (min-width: 767px) {
.top-bar p,
.top-bar a {
font-size: 40px !important;
font-weight: 500;
color: rgb(134, 129, 129);
}
}
#free_e_link {
text-decoration: underline !important;
color: inherit !important;
}
.background-footer {
padding-top: 25px !important;
padding-bottom: 15px !important;
}
.caf_cont {
text-align: center;
padding-bottom: 10px !important;
padding-top: 5px !important;
}
.caf_cont a {
color: #007bff !important;
font-size: 15px;
text-decoration: underline;
}
.footer-col {
padding-bottom: 15px;
}
.sweet-alert.showSweetAlert.visible>p {
font-size: 25px;
}
#card-element {
width: 100% !important;
}
.promotion-disclaimer {
text-align: center;
font-size: 18px !important;
padding-bottom: 20px;
padding-top: 15px;
}
</style>
<style type="text/css">
.wrapper {
width: 100%;
height: 100%;
box-sizing: border-box;
color: #151e27;
background: linear-gradient(0deg, #f3a30e, #e8850d);
background-size: cover;
}
h1 {
font-size: 20px;
font-family: 'Poppins', sans-serif;
color: #151e27;
}
h2 {
font-size: 32px;
font-family: 'Poppins', sans-serif;
color: #151e27;
}
p {
font-size: 16px;
font-family: 'Poppins', sans-serif;
}
.header {
color: #fff;
padding: 0 16px;
}
.header .top-txt {
text-align: center;
font-size: 9px;
line-height: 10px;
padding: 4px 0;
color: #ffffffc2;
}
.main-header {
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 16px;
padding: 8px 0;
}
.header-right,
.header-left {
display: flex;
flex-direction: row;
align-items: center;
}
.screen-1 {
display: flex;
gap: 50px;
position: relative;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.screen-1-left {
position: relative;
width: 550px;
height: 100%;
display: flex;
justify-content: flex-start;
padding: 30px 30px;
background-color: #fff;
border-radius: 30px;
box-shadow: 3px 3px 10px #4e4e4e7d;
align-items: center;
}
.screen-1-right {
display: flex;
width: 550px;
height: 100%;
justify-content: center;
padding: 30px 30px;
flex-direction: column;
z-index: 1;
align-items: stretch;
border-radius: 30px;
box-shadow: 3px 3px 10px #4e4e4e7d;
}
.screen-1-left-content {
width: 100%;
}
.screen-1-right-content {
max-width: 550px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.first_page {
gap: 10px;
background-color: transparent;
color: #fff;
border-radius: 30px;
padding: 0 30px;
}
#lock1 {
filter: invert(1);
width: 14px;
margin-right: 5px;
}
#vs,
#mc {
filter: invert(1);
height: 16px;
margin-left: 5px;
}
.secure-txt-top,
.secure-txt-bottom {
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
}
#lock2 {
width: 32px;
}
#stars {
height: 18px;
}
.form-txt {
padding: 30px 0;
}
.screen-1-right {
background: #151e27;
}
#lock3 {
width: 24px;
margin-left: 15px;
}
.sr-only {
display: none;
}
.form-group {
width: 100%;
}
.form-horizontal {
margin-top: 10px;
}
input {
width: 100%;
background-color: #f2f2f4;
color: #ccc;
border: 1px solid #ccc;
padding: 10px 15px;
margin-top: 10px;
font-size: 14px;
font-family: 'Poppins', sans-serif;
border-radius: 20px;
}
input:focus,
input:hover {
border: 1px solid #f3a30e;
}
.fieldcontainer {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
button {
padding: 10px 0px;
border: 0px;
border-radius: 20px;
background: #f3a30e;
box-shadow: 1px 1px 5px 0px #f3a30e;
color: #fff;
text-transform: uppercase;
font-weight: 600;
width: 100%;
margin-top: 15px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
}
button:hover {
background: #151e27;
box-shadow: 3px 3px 10px #4e4e4e7d;
}
.form-txt-top-left {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.form-txt-top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
}
.inactive {
opacity: 0.7;
}
.summary-box {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 15px;
width: 100%;
}
.head-txt {
width: 100%;
padding: 15px 0;
text-align: center;
border-bottom: 1px solid #fff;
font-size: 18px;
font-weight: 500;
}
.content-txt {
padding: 15px 0;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 10px;
}
.summary-point {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.summary-point h1 {
font-weight: 600;
color: #fff;
}
.highlights {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.highlight {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
text-align: center;
font-size: 16px;
}
.highlight-icon {
height: 60px;
}
.bottom-txt {
font-weight: 400;
font-size: 14px;
text-align: center;
line-height: 1.3;
}
#payments {
height: 24px;
}
.screen-1-left .summary-box {
display: none;
}
.price {
font-size: 20px;
font-family: 'Poppins', sans-serif;
}
.timer,
#timer-mobile {
font-weight: bold;
margin-top: 30px;
text-align: center;
}
.timer__text,
#timer-mobile {
font-size: 22px;
}
#email_error {
display: none;
text-align: left;
color: red;
font-size: 16px;
padding: 10px;
}
/*mobile*/
@media screen and (max-width: 900px) {
h2 {
font-size: 30px;
}
.wrapper {
height: fit-content;
}
.container_left,
.container_right {
width: 100%;
}
.screen-1 {
flex-direction: column;
align-items: center;
}
.screen-1-left-content {
margin-right: 0px;
padding: 0 15px;
}
.screen-1-left {
width: 100%;
padding: 40px 20px;
border-radius: 0;
}
.screen-1-left .summary-box {
display: flex;
background-color: #f7fafc;
margin-top: 30px;
}
.screen-1-right {
width: 100%;
justify-content: center;
padding: 40px 20px;
gap: 20px;
border-radius: 0;
}
.screen-1-right-content {
margin-left: 0px;
padding: 15px;
max-width: 100%;
gap: 30px;
}
.highlights {
gap: 20px;
}
.header-right,
.header-left {
font-size: 14px;
}
.timer__text,
#timer-mobile {
font-size: 20px;
}
}
</style>
<style type="text/css">
.container_left {
height: 95%;
display: flex;
align-items: flex-start;
}
.container_right {
height: 95%;
display: flex;
align-items: flex-start;
}
.form-bottom {
margin-top: 30px;
}
.gray-text {
color: #8a8a8a;
}
</style>
<div class="wrapper">
<div class="screen-1">
<div class="container_left">
<div class="screen-1-left">
<div class="screen-1-left-content">
<div class="secure-txt">
<div class="secure-txt-top">
<h2> Sicherer Checkout</h2>
<img id="lock2" src="https://img.picksecured.com/xmbBKpFILskrBnX.svg">
</div>
<div class="secure-txt-bottom">
<img id="stars" src="https://img.picksecured.com/jNyX95YLD0FVvLy.5stars.png">
<p> (2134 Bewertungen)</p>
</div>
</div>
<div class="form-txt">
<div class="form-txt-top">
<h1 id="info"> 1. Informationen</h1>
</div>
<div class="form-horizontal" data-toggle="validator" id="customer_form">
<div method="post" name="customer" style="display: flex; flex-direction: column; align-items: center">
<div class="form-group has-feedback">
<label class="sr-only" for="name">Prénom</label>
<div>
<input autocorrect="off" class="form-control required input name" id="name" name="name" pattern=".{2,}" placeholder="Vorname" required="required" style="color: black !important" type="text">
</div>
</div>
<div class="form-group has-feedback">
<label class="sr-only" for="lname">Nom</label>
<div>
<input autocorrect="off" class="form-control required input lname" id="lname" name="lname" pattern=".{2,}" placeholder="Nachname" required="required" style="color: black !important" type="text">
</div>
</div>
<div class="form-group has-feedback">
<label class="sr-only" for="address">address</label>
<div>
<input autocorrect="off" class="form-control required input" id="address" maxlength="255" name="address" placeholder="Adresse" required="required" style="color: black !important" type="text">
</div>
</div>
<div class="fieldcontainer">
<div class="form-group has-feedback left">
<label class="sr-only" for="code">Code postal</label>
<div>
<input autocorrect="off" class="form-control required input" id="code" maxlength="255" name="postal_code" placeholder="Postleitzahl" required="required" style="color: black !important" type="text">
</div>
</div>
<div class="form-group has-feedback right">
<label class="sr-only" for="city">Ville</label>
<div>
<input autocorrect="off" class="form-control required input" id="city" maxlength="255" name="city" placeholder="Stadt" required="required" style="color: black !important" type="text">
</div>
</div>
</div>
<div class="form-group has-feedback">
<label class="sr-only" for="email">E-mail</label>
<div>
<input autocorrect="off" class="form-control required input email p-email__input" id="email" maxlength="255" name="email" placeholder="E-Mail Adresse" required="required" style="color: black !important" type="email">
<div id="email_error"> Bitte geben Sie eine gültige Email-Adresse ein</div>
</div>
</div>
<div class="form-group">
<div class="checkbox form-checkbox">
<label class="maxwidth"><input checked="checked" class="big-checkbox" data-validator-message="Vous devez accepter les termes et conditions" id="terms" name="customer[terms]" required="required" style="display: none"
type="checkbox" value="true"> <span a="" style="display: none">Ich bestätige, dass ich mindestens 18 Jahre alt bin und akzeptiere die Bedingungen und Datenschutzbestimmungen.</span> </label>
</div>
</div>
<button class="button button-gradient" id="customer_submit_btn" name="submit" type="submit">Weiter</button>
</div>
</div>
<div class="form-txt-top form-bottom">
<div class="form-txt-top-left">
<h1 class="gray-text" id="pay"> 2. Zahlung</h1>
<img id="lock3" src="https://img.picksecured.com/xmbBKpFILskrBnX.svg">
</div>
<img id="payments" src="https://img.picksecured.com/j911zlJOKmLmawg.png">
</div>
</div>
</div>
</div>
</div>
<div class="container_right">
<div class="screen-1-right">
<div class="header">
<div class="main-header">
<div class="header-left">
<img id="lock1" src="https://img.picksecured.com/xmbBKpFILskrBnX.svg"> Sichere SSL-Zahlung
</div>
<div class="header-right"> Geprüft durch <img id="vs" src="https://img.picksecured.com/m9GhX2JTuz0wyrY.png"> <img id="mc" src="https://img.picksecured.com/pqGf9CNf4KHKbEh.png"></div>
</div>
</div>
<div id="timer-mobile">
</div>
<div class="screen-1-right-content first_page">
<div class="timer">
<p class="timer__text">
<span id="ten-countdown">Verbleibende Zeit: 00:09:55</span>
</p>
<script>
function countdown(elementName, minutes, seconds) {
var element, endTime, hours, mins, msLeft, time;
function twoDigits(n) {
return n <= 9 ? "0" + n : n;
}
function updateTimer() {
msLeft = endTime - +new Date();
if (msLeft < 1000) {
element.innerHTML = "00:00:00";
} else {
time = new Date(msLeft);
hours = time.getUTCHours();
mins = time.getUTCMinutes();
element.innerHTML = "Verbleibende Zeit: " + ("0" + hours ? hours + "0:" + twoDigits(mins) : mins) + ":" + twoDigits(time.getUTCSeconds());
setTimeout(updateTimer, time.getUTCMilliseconds() + 500);
}
}
element = document.getElementById(elementName);
endTime = +new Date() + 1000 * (60 * minutes + seconds) + 500;
updateTimer();
}
var windowWidth = window.innerWidth;
if (windowWidth <= 500) {
countdown("timer-mobile", 10, 0);
Array.from(document.getElementsByClassName("timer")).forEach(
(element) => (element.style.display = "none"));
} else {
countdown("ten-countdown", 10, 0);
}
</script>
</div>
<div class="summary-box">
<div class="head-txt"> Zusammenfassung der Bestellung</div>
<div class="content-txt">
<div class="summary-point">
<h1> Gesamtsumme</h1>
<div class="price ">€1</div>
</div>
</div>
</div>
<div class="highlights">
<div class="highlight">
<img class="highlight-icon" src="https://img.picksecured.com/EKsoVjWMdgoI4id.png"> Kostenlose technische Unterstützung
</div>
<div class="highlight">
<img class="highlight-icon" src="https://img.picksecured.com/rFWQyanOrf9yoco.svg.png"> 30 Tage Geld-zurück-Garantie
</div>
<div class="highlight">
<img class="highlight-icon" src="https://img.picksecured.com/VU5yFGNgVqcuCBa.png"> Sicheres Auschecken
</div>
</div>
<div class="bottom-txt"> Wir bieten unseren Service nicht nur mit Verantwortung, sondern auch mit großer Freude und Begeisterung an. Wir streben nach der Zufriedenheit unserer Kunden und sind stolz darauf, Ihnen den besten Service zu
bieten. Wir stellen sicher, dass unser Service rechtzeitig geliefert wird und erhalten das Beste von unseren Kunden.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$('#page_1').show();
current_page = 1;
</script>
<div id="page_2" class="none">
<meta charset="UTF-8">
<meta content="initial-scale=1, maximum-scale=1" name="viewport">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
--text-color: #212121;
--light: white;
--lighter: #f7fafc;
--grey: #e1e1e1;
--gradient-1: linear-gradient(84.76deg, #491dc3, #aa28fa);
--btn-primaty: #4e306a;
--btn-secondary: #e8289c;
--pink-text: #bb37d0;
--head-text: #212121;
--text-description: #2f2f2f;
--grey-text: #969696;
--text: #777878;
}
body {
height: 100vh;
width: 100vw;
overflow-x: hidden;
font-family: 'Poppins', sans-serif;
background-color: white;
}
body,
html {
padding: 0;
line-height: normal;
font-family: 'Poppins', sans-serif;
color: var(--text-color);
overflow-x: hidden;
width: 100%;
margin: 0;
font-style: normal;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none;
outline: none;
}
body {
overflow-y: scroll;
scroll-behavior: smooth;
}
</style>
<style type="text/css">
/*form css*/
.form-horizontal .has-feedback .form-control-feedback {
right: 0;
}
#customer_phone {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.modal .close {
font-size: 10rem !important;
}
.pa-subs-icon-container .pa-subs-icon {
width: auto !important;
}
.pa-subs-btn-link {
background-color: #5b9b51;
}
.pa-powered-by-txt {
display: none !important;
}
label.maxwidth {
width: 100%;
}
.form-checkbox {
cursor: pointer;
}
.form-checkbox .big-checkbox {
margin-top: 5px;
}
.form-checkbox span {
font-size: 13px;
color: white;
}
.customer_submit_btn {
margin-top: 7px;
}
.top-bar p,
.top-bar a {
color: #555555;
font-size: 30px !important;
text-transform: uppercase;
}
.top-bar span {
color: green;
}
.top-bar p {
padding-left: 5px !important;
padding-right: 5px !important;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
margin-top: 4px\9;
width: auto;
display: inline;
margin-left: -20px;
margin-right: 5px;
}
@media (min-width: 767px) {
.top-bar p,
.top-bar a {
font-size: 40px !important;
font-weight: 500;
color: rgb(134, 129, 129);
}
}
#free_e_link {
text-decoration: underline !important;
color: inherit !important;
}
.background-footer {
padding-top: 25px !important;
padding-bottom: 15px !important;
}
.caf_cont {
text-align: center;
padding-bottom: 10px !important;
padding-top: 5px !important;
}
.caf_cont a {
color: #007bff !important;
font-size: 15px;
text-decoration: underline;
}
.footer-col {
padding-bottom: 15px;
}
.sweet-alert.showSweetAlert.visible>p {
font-size: 25px;
}
#card-element {
width: 100% !important;
}
.promotion-disclaimer {
text-align: center;
font-size: 18px !important;
padding-bottom: 20px;
padding-top: 15px;
}
</style>
<style type="text/css">
.wrapper {
width: 100%;
height: 100%;
box-sizing: border-box;
color: #151e27;
background: linear-gradient(0deg, #f3a30e, #e8850d);
background-size: cover;
}
h1 {
font-size: 20px;
font-family: 'Poppins', sans-serif;
color: #151e27;
}
h2 {
font-size: 32px;
font-family: 'Poppins', sans-serif;
color: #151e27;
}
p {
font-size: 16px;
font-family: 'Poppins', sans-serif;
}
.header {
color: #fff;
padding: 0 16px;
}
.header .top-txt {
text-align: center;
font-size: 9px;
line-height: 10px;
padding: 4px 0;
color: #ffffffc2;
}
.main-header {
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 16px;
padding: 8px 0;
}
.header-right,
.header-left {
display: flex;
flex-direction: row;
align-items: center;
}
.screen-1 {
display: flex;
gap: 50px;
position: relative;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.screen-1-left {
position: relative;
width: 550px;
height: 100%;
display: flex;
justify-content: flex-start;
padding: 30px 30px;
background-color: #fff;
border-radius: 30px;
box-shadow: 3px 3px 10px #4e4e4e7d;
align-items: center;
}
.screen-1-right {
display: flex;
width: 550px;
height: 100%;
justify-content: center;
padding: 30px 30px;
flex-direction: column;
z-index: 1;
align-items: stretch;
border-radius: 30px;
box-shadow: 3px 3px 10px #4e4e4e7d;
}
.screen-1-left-content {
width: 100%;
}
.screen-1-right-content {
max-width: 550px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.first_page {
gap: 10px;
background-color: transparent;
color: #fff;
border-radius: 30px;
padding: 0 30px;
}
#lock1 {
filter: invert(1);
width: 14px;
margin-right: 5px;
}
#vs,
#mc {
filter: invert(1);
height: 16px;
margin-left: 5px;
}
.secure-txt-top,
.secure-txt-bottom {
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
}
#lock2 {
width: 32px;
}
#stars {
height: 18px;
}
.form-txt {
padding: 30px 0;
}
.screen-1-right {
background: #151e27;
}
#lock3 {
width: 24px;
margin-left: 15px;
}
.sr-only {
display: none;
}
.form-group {
width: 100%;
}
.form-horizontal {
margin-top: 10px;
}
input {
width: 100%;
background-color: #f2f2f4;
color: #ccc;
border: 1px solid #ccc;
padding: 10px 15px;
margin-top: 10px;
font-size: 14px;
font-family: 'Poppins', sans-serif;
border-radius: 20px;
}
input:focus,
input:hover {
border: 1px solid #f3a30e;
}
.fieldcontainer {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
button {
padding: 10px 0px;
border: 0px;
border-radius: 20px;
background: #f3a30e;
box-shadow: 1px 1px 5px 0px #f3a30e;
color: #fff;
text-transform: uppercase;
font-weight: 600;
width: 100%;
margin-top: 15px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
}
button:hover {
background: #151e27;
box-shadow: 3px 3px 10px #4e4e4e7d;
}
.form-txt-top-left {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.form-txt-top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
}
.inactive {
opacity: 0.7;
}
.summary-box {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 15px;
width: 100%;
}
.head-txt {
width: 100%;
padding: 15px 0;
text-align: center;
border-bottom: 1px solid #fff;
font-size: 18px;
font-weight: 500;
}
.content-txt {
padding: 15px 0;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 10px;
}
.summary-point {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.summary-point h1 {
font-weight: 600;
color: #fff;
}
.highlights {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.highlight {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
text-align: center;
font-size: 16px;
}
.highlight-icon {
height: 60px;
}
.bottom-txt {
font-weight: 400;
font-size: 14px;
text-align: center;
line-height: 1.3;
}
#payments {
height: 24px;
}
.screen-1-left .summary-box {
display: none;
}
.price {
font-size: 20px;
font-family: 'Poppins', sans-serif;
}
.timer,
#timer-mobile {
font-weight: bold;
margin-top: 30px;
text-align: center;
}
.timer__text,
#timer-mobile {
font-size: 22px;
}
#email_error {
display: none;
text-align: left;
color: red;
font-size: 16px;
padding: 10px;
}
/*mobile*/
@media screen and (max-width: 900px) {
h2 {
font-size: 30px;
}
.wrapper {
height: fit-content;
}
.container_left,
.container_right {
width: 100%;
}
.screen-1 {
flex-direction: column;
align-items: center;
}
.screen-1-left-content {
margin-right: 0px;
padding: 0 15px;
}
.screen-1-left {
width: 100%;
padding: 40px 20px;
border-radius: 0;
}
.screen-1-left .summary-box {
display: flex;
background-color: #f7fafc;
margin-top: 30px;
}
.screen-1-right {
width: 100%;
justify-content: center;
padding: 40px 20px;
gap: 20px;
border-radius: 0;
}
.screen-1-right-content {
margin-left: 0px;
padding: 15px;
max-width: 100%;
gap: 30px;
}
.highlights {
gap: 20px;
}
.header-right,
.header-left {
font-size: 14px;
}
.timer__text,
#timer-mobile {
font-size: 20px;
}
}
</style>
<style type="text/css">
.container_left {
height: 95%;
display: flex;
align-items: flex-start;
}
.container_right {
height: 95%;
display: flex;
align-items: flex-start;
}
/*payment*/
div#credit-card-macro-div {
margin: auto !important;
}
.wpwl-control {
margin-top: 0 !important;
font-size: 14px !important;
border-radius: 0px !important;
}
input[type="tel"] {
font-size: 14px !important;
}
div.wpwl-label {
font-size: 14px !important;
}
.wpwl-brand-VISA {
background-position: 0 -10428px !important;
}
.wpwl-brand-MASTER {
background-position: 0px -5553px !important;
}
</style>
<style type="text/css">
.form-top {
margin-bottom: 30px;
}
.gray-text {
color: #8a8a8a;
}
</style>
<div class="wrapper">
<div class="screen-1">
<div class="container_left">
<div class="screen-1-left">
<div class="screen-1-left-content">
<div class="secure-txt">
<div class="secure-txt-top">
<h2> Sicherer Checkout</h2>
<img id="lock2" src="https://img.picksecured.com/xmbBKpFILskrBnX.svg">
</div>
<div class="secure-txt-bottom">
<img id="stars" src="https://img.picksecured.com/jNyX95YLD0FVvLy.5stars.png">
<p> (2134 Bewertungen)</p>
</div>
</div>
<div class="form-txt">
<div class="form-txt-top form-top">
<h1 class="gray-text" id="info"> 1. Informationen</h1>
</div>
<div class="form-txt-top">
<div class="form-txt-top-left">
<h1 id="pay"> 2. Zahlung</h1>
<img id="lock3" src="https://img.picksecured.com/xmbBKpFILskrBnX.svg">
</div>
<img id="payments" src="https://img.picksecured.com/j911zlJOKmLmawg.png">
</div>
</div>
</div>
</div>
</div>
<div class="container_right">
<div class="screen-1-right on_second">
<div class="header">
<div class="main-header">
<div class="header-left">
<img id="lock1" src="https://img.picksecured.com/xmbBKpFILskrBnX.svg"> Sichere SSL-Zahlung
</div>
<div class="header-right"> Geprüft durch <img id="vs" src="https://img.picksecured.com/m9GhX2JTuz0wyrY.png"> <img id="mc" src="https://img.picksecured.com/pqGf9CNf4KHKbEh.png"></div>
</div>
</div>
<div class="screen-1-right-content first_page">
<div class="timer">
<p class="timer__text">
<span id="ten-countdown"></span>
</p>
<script>
function countdown(elementName, minutes, seconds) {
var element, endTime, hours, mins, msLeft, time;
function twoDigits(n) {
return n <= 9 ? "0" + n : n;
}
function updateTimer() {
msLeft = endTime - +new Date();
if (msLeft < 1000) {
element.innerHTML = "00:00:00";
} else {
time = new Date(msLeft);
hours = time.getUTCHours();
mins = time.getUTCMinutes();
element.innerHTML = "Verbleibende Zeit: " + ("0" + hours ? hours + "0:" + twoDigits(mins) : mins) + ":" + twoDigits(time.getUTCSeconds());
setTimeout(updateTimer, time.getUTCMilliseconds() + 500);
}
}
element = document.getElementById(elementName);
endTime = +new Date() + 1000 * (60 * minutes + seconds) + 500;
updateTimer();
}
var windowWidth = window.innerWidth;
if (windowWidth <= 500) {
countdown("timer-mobile", 10, 0);
Array.from(document.getElementsByClassName("timer")).forEach(
(element) => (element.style.display = "none"));
} else {
countdown("ten-countdown", 10, 0);
}
</script>
</div>
<div class="summary-box">
<div class="head-txt"> Zusammenfassung der Bestellung</div>
<div class="content-txt">
<div class="summary-point">
<h1> Gesamtsumme</h1>
<div class="price ">€1</div>
</div>
</div>
</div>
<div class="highlights">
<div class="highlight">
<img class="highlight-icon" src="https://img.picksecured.com/EKsoVjWMdgoI4id.png"> Kostenlose technische Unterstützung
</div>
<div class="highlight">
<img class="highlight-icon" src="https://img.picksecured.com/rFWQyanOrf9yoco.svg.png"> 30 Tage Geld-zurück-Garantie
</div>
<div class="highlight">
<img class="highlight-icon" src="https://img.picksecured.com/VU5yFGNgVqcuCBa.png"> Sicheres Auschecken
</div>
</div>
<div class="bottom-txt">
<p style="font-size: 14px; padding: 20px; text-align: center;">Wir unternehmen einen zusätzlichen Schritt, um Ihre Karte zu bestätigen, damit wir überprüfen können, ob die Karte gültig ist und Sie der Karteninhaber sind. Die Belastung
der Karte beträgt <span class=" ">€1</span>. Sobald die Karte bestätigt wurde, wird die Belastung sofort zurückerstattet. Je nach Kartenherausgeber kann es bis zu 30 Tage dauern, bis die Rückerstattung auf Ihrer Kartenabrechnung
erscheint. In 3 Tagen setzen wir Ihre Mitgliedschaft automatisch fort und berechnen den monatlichen Mitgliedsbeitrag (derzeit <span class=" ">€38.95</span>) auf Ihre Zahlungsmethode, bis Sie kündigen. Sie können jederzeit kündigen,
um zukünftige Gebühren zu vermeiden</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>Text Content
SICHERER CHECKOUT (2134 Bewertungen) 1. INFORMATIONEN Prénom Nom address Code postal Ville E-mail Bitte geben Sie eine gültige Email-Adresse ein Ich bestätige, dass ich mindestens 18 Jahre alt bin und akzeptiere die Bedingungen und Datenschutzbestimmungen. Weiter 2. ZAHLUNG Sichere SSL-Zahlung Geprüft durch Verbleibende Zeit: 00:09:55 Zusammenfassung der Bestellung GESAMTSUMME €1 Kostenlose technische Unterstützung 30 Tage Geld-zurück-Garantie Sicheres Auschecken Wir bieten unseren Service nicht nur mit Verantwortung, sondern auch mit großer Freude und Begeisterung an. Wir streben nach der Zufriedenheit unserer Kunden und sind stolz darauf, Ihnen den besten Service zu bieten. Wir stellen sicher, dass unser Service rechtzeitig geliefert wird und erhalten das Beste von unseren Kunden. SICHERER CHECKOUT (2134 Bewertungen) 1. INFORMATIONEN 2. ZAHLUNG Sichere SSL-Zahlung Geprüft durch Zusammenfassung der Bestellung GESAMTSUMME €1 Kostenlose technische Unterstützung 30 Tage Geld-zurück-Garantie Sicheres Auschecken Wir unternehmen einen zusätzlichen Schritt, um Ihre Karte zu bestätigen, damit wir überprüfen können, ob die Karte gültig ist und Sie der Karteninhaber sind. Die Belastung der Karte beträgt €1. Sobald die Karte bestätigt wurde, wird die Belastung sofort zurückerstattet. Je nach Kartenherausgeber kann es bis zu 30 Tage dauern, bis die Rückerstattung auf Ihrer Kartenabrechnung erscheint. In 3 Tagen setzen wir Ihre Mitgliedschaft automatisch fort und berechnen den monatlichen Mitgliedsbeitrag (derzeit €38.95) auf Ihre Zahlungsmethode, bis Sie kündigen. Sie können jederzeit kündigen, um zukünftige Gebühren zu vermeiden