zap-hosting.com
Open in
urlscan Pro
2606:4700:10::6816:f21
Public Scan
Submitted URL: https://zaphost.de/
Effective URL: https://zap-hosting.com/en/shop/product/webspace/
Submission: On March 11 via api from US — Scanned from US
Effective URL: https://zap-hosting.com/en/shop/product/webspace/
Submission: On March 11 via api from US — Scanned from US
Form analysis
15 forms found in the DOMGET /en/
<form data-v-adde37a4="" method="get" action="/en/" class="searchForm"><!---->
<div data-v-adde37a4="">
<div data-v-adde37a4="" class="input-group input-group-search"><input data-v-adde37a4="" type="search" name="s" placeholder="Search" autocomplete="off" class="searchbox"> <span data-v-adde37a4="" class="input-group-btn"><button data-v-adde37a4=""
type="submit" class="button button-positive searchbox-submit"><i data-v-adde37a4="" class="fal fa-search font-family-font-awesome"></i></button></span></div>
</div>
</form>
POST
<form method="post" class="row contains-recaptcha">
<input type="hidden" name="csrf_token_zap" value="5bc053faf40cb334ebd5439d148482175f41a7c1472acaf3">
<div class="col-xs-12 col-md-8 col-lg-8 col-md-offset-4 col-lg-offset-0">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="form-group username">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" name="username" placeholder="Username / E-Mail" autocomplete="off" spellcheck="false" class="form-control">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="form-group password">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock"></i></span>
<input type="password" name="password" placeholder="Password" autocomplete="off" spellcheck="false" class="form-control">
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-5 col-lg-4 col-md-offset-7 col-lg-offset-0">
<div id="login-buttons">
<button type="submit" name="login" class="button btn-login">Login</button>
<button type="button" onclick="openLoginRegisterModal('register')" class="button button-positive btn-register"> Sign up! 👋 </button>
<button class="btn-facebook button button-info" type="button" onclick="openFacebookLoginUrl();">
<i class="fab fa-facebook"></i>
</button>
</div>
</div>
</form>
GET /en/
<form data-v-adde37a4="" method="get" action="/en/" class="searchForm"><!----> <input data-v-adde37a4="" type="text" name="s" placeholder="Search" autocomplete="off" class="searchbox"></form>
GET
<form action="" method="get">
<input type="text" name="search" placeholder="Suche" required="">
<button type="submit" class="modalButton"></button>
</form>
POST /en/shop/order/submit/finish/
<form action="/en/shop/order/submit/finish/" method="post" id="productForm" role="form" class="extend-grey-with-top">
<input type="hidden" id="game_id" name="game_id" value="0">
<input type="hidden" id="registerRedirect" name="registerRedirect" value="0">
<div class="service-content extend-grey-with-top-xs-only">
<div id="productConfig" class="">
<input type="hidden" name="csrf_token_zap" value="5bc053faf40cb334ebd5439d148482175f41a7c1472acaf3">
<script>
$(document).ready(function() {
$('.product').click(function() {
$("#container").removeClass("close2");
$(".product").removeClass('selected');
$(this).addClass('selected');
let product_id = $(this).attr('data-id');
$('#product_id').val(product_id);
selectProduct(product_id);
});
});
</script>
<div class="row">
<div id="container" class="col-md-12 container-configuration appeared">
<div class="form-new dropdown-fancy width-100 z-index-1 margin-bottom-40px">
<label for="shop-package-selector" class="position-relative z-index-1">Preconfigured packages</label>
<select id="shop-package-selector" class="chosen chosen-select width-100" style="display: none;">
<option value="0" selected="" disabled="">Select package (optionally)</option>
<option value="9">Groß</option>
</select>
<div class="chosen-container chosen-container-single" style="width: 100%;" title="" id="shop_package_selector_chosen"><a class="chosen-single" tabindex="-1"><span>Select package (optionally)</span><div><b></b></div></a>
<div class="chosen-drop">
<div class="chosen-search"><input type="text" autocomplete="off"></div>
<ul class="chosen-results"></ul>
</div>
</div>
</div>
<div id="container-row" class="row row-configuration display-flex flex-wrap-wrap flex-full-width">
<div class="col-xs-12 display-flex align-items-center justify-content-center flex-wrap-wrap order--2">
<div class="game-shop-header-2 feature-box margin-left-10px margin-right-10px " onclick="selectProduct(7)">
<img loading="lazy" src="https://zap-cdn.com/interface/_images/icons/webspace-server.png" alt="Webspace" height="28" width="28">
<h2>Webspace</h2>
<a href="/en/webhosting-rent-a-webspace" target="_blank">
<div class="feature-box-rise">
<i class="fas fa-question fa-fw"></i>
</div>
</a>
<div class="feature-box-drop is--cheapest-price font-family-the-great-escape"> from $4.25 </div>
</div>
</div>
<div class="col-xs-12 col-md-6 configuration-module-count margin-bottom-24px">
<div class="configuration-module product-checkbox-list display-flex flex-direction-column height-100" id="field_11" data-fallback-price="+ $0.00" data-service-key="template_id">
<div class="row">
<div class="col-xs-12">
<header class="configuration-module-header">
<div class="row display-flex flex-1">
<div class="col-xs-8 display-flex">
<i class="configuration-module-header-icon fa fa-cube"></i>
<span class="configuration-module-header-title">Paket</span>
</div>
<div class="col-xs-4 display-flex justify-content-flex-end">
<i class="configuration-module-header-tooltip-icon fa fa-info-circle"></i>
</div>
<div class="tooltip-configuration-info tooltip" role="tooltip" x-placement="bottom" style="position: absolute; transform: translate3d(484px, 27px, 0px); top: 0px; left: 0px; will-change: transform;">
<div class="tooltip-arrow tooltip-slider-arrow" style="left: 13px;"></div>
<div class="tooltip-inner tooltip-slider-inner"></div>
</div>
</div>
</header>
</div>
</div>
<div class="row configuration-module-checkbox-options display-flex flex-wrap-wrap justify-content-center ">
<div class="col-xs-12">
<hr class="configuration-module-checkbox-separator">
</div>
<div class="col-xs-12 col-md-6 no-padding-right display-flex">
<div class="configuration-module-checkbox align-self-center align-items-center display-flex flex-full-width height-100 active shop-select-tooltip">
<div class="control-group width-100">
<div class="radio " data-downloadable="0">
<input type="radio" value="32" name="field[11]" id="option_32" data-price="+ $4.25" class="hidden ace productField " checked="checked">
<label for="option_32" class=" ">
<div class="display-flex ">
<span class="lbl margin-right-15px"> Webspace Large: <br>- 5.000 MB disk space<br>- 40 E-Mail accounts<br>- 40 MySQL databases </span>
</div>
</label>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-6 no-padding-left display-flex">
<div class="configuration-module-checkbox align-self-center align-items-center display-flex flex-full-width height-100 shop-select-tooltip">
<div class="control-group width-100">
<div class="radio " data-downloadable="0">
<input type="radio" value="106" name="field[11]" id="option_106" data-price="+ $5.34" class="hidden ace productField ">
<label for="option_106" class=" ">
<div class="display-flex ">
<span class="lbl margin-right-15px"> Webspace Xtra Large:<br>- 10.000 MB disk space<br>- 70 E-Mail accounts<br>- 70 MySQL databases </span>
</div>
</label>
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<hr class="configuration-module-checkbox-separator">
</div>
<div class="col-xs-12 col-md-6 no-padding-right display-flex">
<div class="configuration-module-checkbox align-self-center align-items-center display-flex flex-full-width height-100 shop-select-tooltip">
<div class="control-group width-100">
<div class="radio " data-downloadable="0">
<input type="radio" value="525" name="field[11]" id="option_525" data-price="+ $7.52" class="hidden ace productField ">
<label for="option_525" class=" ">
<div class="display-flex ">
<span class="lbl margin-right-15px"> Webspace XtraXtra Large:<br>- 20.000 MB disk space<br>- 100 E-Mail accounts<br>- 100 MySQL databases </span>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="row row-full-width margin-top-auto ">
<div class="col-xs-12 col-full-width display-fex">
<div class="configuration-module-price-box display-flex align-items-center justify-content-center">
<span> + $4.25 </span>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
disableTooltipsForIOS();
var tooltipsInfoSelect = [];
tooltipsInfoSelect[11] = new Popper($('#field_11 .configuration-module-header-tooltip-icon'), $('#field_11 .tooltip-configuration-info'), {
placement: 'bottom',
placements: ['left', 'bottom', 'top', 'auto', 'right'],
modifiers: {
flip: {
behavior: ['left', 'bottom', 'top', 'right'],
},
offset: {
enabled: true,
offset: '0, 8',
},
preventOverflow: {
boundariesElement: $('#content').get(0),
},
arrow: {
element: $('#field_11 .tooltip-configuration-info').find('.tooltip-arrow').get(0),
},
},
});
$('#field_11 .product-image').click(function() {
$(this).closest('.configuration-module-checkbox').find('.productField').click();
});
$('#field_11 .option-quote-box-checkmark').click(function() {
$(this).closest('.product-checkbox-list').find('.productField').click();
});
$('#field_11 input').change(function() {
$(this).parent().parent().parent().parent().parent().parent().addClass('customized');
if ($(this).hasClass('product-slider-input')) {
$('#field_11 input:not(.product-slider-input)').change();
return;
}
$('#field_11 .configuration-module-checkbox').removeClass('active');
$('#field_11').removeClass('active');
$('#field_11 .product-checkbox').removeClass('preselected');
$('#field_11 .product-checkbox').removeClass('active');
if ($(this).is(':checked')) {
$(this).closest('.configuration-module-checkbox').addClass('active');
$('#field_11').addClass('active');
$(this).parent().parent().parent().addClass('active');
}
});
$('#field_11 input[type="radio"]').click(function() {
var input = $(this);
$(this).closest('.configuration-module').find('.configuration-module-price-box span').html($(this).data('price'));
if (!input.is(':disabled')) {
input.prop('checked', true).change();
}
});
});
</script>
</div>
</div>
<div class="col-xs-12 col-md-6 configuration-module-count margin-bottom-24px">
<div class="configuration-module product-checkbox-list product-checkbox-list-accounting margin-bottom-0 customized" id="field_1">
<div class="row">
<div class="col-xs-12">
<header class="configuration-module-header">
<div class="row display-flex flex-1">
<div class="col-xs-8 display-flex">
<i class="configuration-module-header-icon fa fa-credit-card"></i>
<span class="configuration-module-header-title">Settlement type</span>
</div>
<div class="col-xs-4 display-flex justify-content-flex-end">
<i class="configuration-module-header-tooltip-icon fa fa-info-circle"></i>
</div>
<div class="tooltip-configuration-info tooltip" role="tooltip" x-placement="bottom" style="position: absolute; transform: translate3d(342px, 27px, 0px); top: 0px; left: 0px; will-change: transform;">
<div class="tooltip-arrow tooltip-slider-arrow" style="left: 155px;"></div>
<div class="tooltip-inner tooltip-slider-inner">Single payment: Single payment, no further obligation to pay.<br><br>Prepaid: <i class="fa fa-file-text"></i> - <strong>no contract</strong>
mandatory<br><i class="fa fa-user-secret"></i> - <strong>anonym</strong>, no personal data requiered<br><i class="fa fa-power-off"></i> - <strong>Automatic suspension</strong> if you don't renew your
service<br><br>Contract: <i class="fa fa-refresh"></i> - <strong>Renews automatically</strong><br><i class="fa fa-mouse-pointer"></i> - <strong>Cancellation by Click</strong> at our web
panel<br><i class="fa fa-clock-o"></i> - <strong>Period of notice</strong> 7 days (Rootservers 28 days)<br><i class="fa fa-user"></i> - <strong>personal Data</strong> are requiered</div>
</div>
</div>
</header>
</div>
</div>
<div class="row configuration-module-checkbox-options display-flex flex-wrap-wrap justify-content-center">
<div class="row flex-full-width">
<div class="col-xs-12">
<hr class="configuration-module-checkbox-separator">
</div>
</div>
<div class="col-xs-12 display-flex col-md-6 no-padding-right">
<div id="prepaid-box" class="configuration-module-checkbox align-self-center
display-flex flex-full-width ">
<div class="control-group width-100">
<div class="radio">
<input type="radio" name="accounting" value="prepaid" id="option_prepaid" class="ace productField" data-price="+ 10.90%">
<label for="option_prepaid">
<span class="lbl">Prepaid</span>
</label>
</div>
</div>
</div>
</div>
<div class="col-xs-12 display-flex col-md-6 no-padding-left customized">
<div id="contract-box" class="configuration-module-checkbox align-self-center display-flex flex-full-width active">
<div class="control-group width-100">
<div class="radio">
<input type="radio" name="accounting" value="contract" id="option_contract" class="ace productField" checked="checked" data-price="+ 0.00%">
<label for="option_contract">
<span class="lbl">Contract</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="row row-full-width">
<div class="col-xs-12 col-full-width display-fex">
<div class="configuration-module-price-box display-flex align-items-center justify-content-center">
<span>+ 0.00%</span>
</div>
</div>
</div>
</div>
</div>
<div id="billing-type-modal" class="modal " tabindex="-1" role="dialog" data-priority="3">
<div class="modal-box modal-box-error ">
<div class="modal-box-content">
<div class="modal-box-left">
<i class="modal-box-icon fa fa-money-bill"></i>
</div>
<div class="modal-box-right">
<h3>Settlement type</h3>
<p class="modal-box-main-description"> To order a product on a contractual basis, a minimum term of at least 1 month must be selected. </p>
</div>
</div>
<footer>
<div class="modal-box-footer-right">
<span class="action-negative-button modal-box-footer-action-negative" data-dismiss="modal"> Understood </span>
</div>
</footer>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var tooltipInfoAccounting;
tooltipInfoAccounting = new Popper($('#field_1 .configuration-module-header-tooltip-icon'), $('#field_1 .tooltip-configuration-info'), {
placement: 'bottom',
placements: ['left', 'bottom', 'top', 'auto', 'right'],
modifiers: {
flip: {
behavior: ['left', 'bottom', 'top', 'right'],
},
offset: {
enabled: true,
offset: '0, 8',
},
preventOverflow: {
boundariesElement: $('#content').get(0),
},
arrow: {
element: $('#field_1 .tooltip-configuration-info').find('.tooltip-arrow').get(0),
},
},
});
var runtime = $('input[data-service-key=order_runtime]').attr('data-service-key-value');
runtime = parseInt(runtime);
if (runtime < 30) {
$('#contract-box').addClass("disabled");
}
$('input[data-service-key=order_runtime]').change(function() {
var runtime = $('input[data-service-key=order_runtime]').attr('data-service-key-value');
runtime = parseInt(runtime);
if (runtime < 30) {
$('#option_contract').parent().parent().parent().addClass('disabled');
} else {
$('#option_contract').parent().parent().parent().removeClass('disabled');
}
if ($('#option_contract').is(':checked') && runtime < 30) {
$('#option_prepaid').prop('checked', true).change();
$(document).ready(function() {
var priority = 3;
var openModalPriority = $('.modal.in').data('priority');
if (typeof openModalPriority !== 'undefined') {
if (priority > openModalPriority || priority === openModalPriority) {
$('.modal.in').modal('hide');
$('.modal#billing-type-modal').modal('show');
}
} else {
$('.modal#billing-type-modal').modal('show');
}
});
return false;
}
});
$('#field_1 input').change(function() {
var runtime = $('input[data-service-key=order_runtime]').attr('data-service-key-value');
runtime = parseInt(runtime);
if ($(this).val() === 'prepaid') {
$('#productForm input[name=recurring]').prop('checked', false).closest('.payment-methods-option-finish-paypal-subscription').hide();
} else {
$('#productForm input[name=recurring]').closest('.payment-methods-option-finish-paypal-subscription').show();
$('#productForm input[name=recurring]').prop('checked', true);
}
if ($(this).val() == "contract" && runtime < 30) {
$('#option_prepaid').prop('checked', true).change();
$(document).ready(function() {
var priority = 3;
var openModalPriority = $('.modal.in').data('priority');
if (typeof openModalPriority !== 'undefined') {
if (priority > openModalPriority || priority === openModalPriority) {
$('.modal.in').modal('hide');
$('.modal#billing-type-modal').modal('show');
}
} else {
$('.modal#billing-type-modal').modal('show');
}
});
return false;
} else {
$('#contract-box').parent().addClass('customized');
$('#field_1 .product-checkbox').removeClass('active');
if ($(this).is(':checked')) $(this).parent().parent().parent().addClass('active');
}
});
$('#field_1 input').change(function() {
$(this).parent().parent().parent().parent().parent().parent().addClass('customized');
$('#field_1 .product-checkbox').removeClass('preselected');
$('#field_1 .product-checkbox').removeClass('active');
if ($(this).is(':checked')) $(this).parent().parent().parent().addClass('active');
});
$('#field_1 input[type="radio"]').click(function() {
$(this).closest('.configuration-module').find('.configuration-module-price-box span').html($(this).data('price'));
var input = $(this);
if (!input.is(':disabled')) {
input.prop('checked', true).change();
}
});
$('#field_1 .product-checkbox').click(function() {
$(this).find('input').prop('checked', true).change();
});
$('input[name=accounting]').trigger('change');
});
</script>
<div class="col-xs-12 col-md-6 configuration-module-count margin-bottom-24px">
<div class="configuration-module configuration-module-slider slider-fancy product-slider
product-slider-229 " data-service-key="order_runtime">
<input type="hidden" class="product-slider-input productField" data-service-key="order_runtime" data-service-key-value="30" name="field[229]" value="614">
<div class="row">
<div class="col-xs-12">
<header class="configuration-module-header">
<div class="row display-flex flex-1">
<div class="col-xs-8 display-flex">
<i class="configuration-module-header-icon fa "></i>
<span class="configuration-module-header-title">Billing interval</span>
</div>
<div class="col-xs-4 display-flex justify-content-flex-end">
<i class="configuration-module-header-tooltip-icon fa fa-info-circle"></i>
</div>
<div class="tooltip-configuration-info tooltip" role="tooltip" x-placement="top" style="position: absolute; transform: translate3d(342px, -149px, 0px); top: 0px; left: 0px; will-change: transform;">
<div class="tooltip-arrow tooltip-slider-arrow" style="left: 155px;"></div>
<div class="tooltip-inner tooltip-slider-inner">You choose for what period you want to book and pay the server. If you choosed the "prepaid" option, your server will be suspended after that period, if you dont reneaw it
manually. If you choose "contract", the server will be reneawed automatically after that period.</div>
</div>
</div>
</header>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="product-slider-action">
<div class="ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content ui-slider-pips">
<div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min" style="width: 0%;"></div><span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span><span
class="ui-slider-pip ui-slider-pip-first ui-slider-pip-label ui-slider-pip-0 ui-slider-pip-initial ui-slider-pip-selected" style="left: 0%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="0">1
month / 30 days<br></span></span><span class="ui-slider-pip ui-slider-pip-label ui-slider-pip-1" style="left: 20.0000%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="1"></span></span><span
class="ui-slider-pip ui-slider-pip-label ui-slider-pip-2" style="left: 40.0000%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="2">6 months / 180 days (- 5%)<br></span></span><span
class="ui-slider-pip ui-slider-pip-label ui-slider-pip-3" style="left: 60.0000%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="3"></span></span><span
class="ui-slider-pip ui-slider-pip-label ui-slider-pip-4" style="left: 80.0000%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="4"></span></span><span
class="ui-slider-pip ui-slider-pip-last ui-slider-pip-label ui-slider-pip-5" style="left: 100%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="5">5 years / 1800 days (- 40%)<br></span></span>
</div>
</div>
<div class="tooltip-slider tooltip-visible tooltip" role="tooltip" x-placement="top" style="position: absolute; transform: translate3d(5px, 22px, 0px); top: 0px; left: 0px; will-change: transform;">
<div class="tooltip-arrow tooltip-slider-arrow" style="left: 15px;"></div>
<div class="tooltip-inner tooltip-slider-inner">1 month / 30 days<br></div>
</div>
<div class="configuration-module-dropdown product-slider-dropdown display-flex order_runtime">
<div class="row row-full-width display-flex">
<div class="col-xs-8 col-full-width display-flex">
<select name="sel_field[229]" class="configuration-module-dropdown-container chosen form-control mobile-select" title="Mobile Auswahl" style="display: none;">
<option class="configuration-module-dropdown-entry" value="614" data-minimum-runtime="-1" selected="">1 month / 30 days</option>
<option class="configuration-module-dropdown-entry" value="615" data-minimum-runtime="-1">3 months / 90 days (- 3%)</option>
<option class="configuration-module-dropdown-entry" value="616" data-minimum-runtime="-1">6 months / 180 days (- 5%)</option>
<option class="configuration-module-dropdown-entry" value="617" data-minimum-runtime="-1">1 year / 360 days (- 10%)</option>
<option class="configuration-module-dropdown-entry" value="618" data-minimum-runtime="-1">2 years / 720 days (- 20%)</option>
<option class="configuration-module-dropdown-entry" value="619" data-minimum-runtime="-1">5 years / 1800 days (- 40%)</option>
</select>
<div class="chosen-container chosen-container-single" style="width: 100%;" title="Mobile Auswahl"><a class="chosen-single" tabindex="-1"><span>1 month / 30 days</span><div><b></b></div></a>
<div class="chosen-drop">
<div class="chosen-search"><input type="text" autocomplete="off"></div>
<ul class="chosen-results"></ul>
</div>
</div>
</div>
<div class="col-xs-4 col-full-width display-flex">
<div class="configuration-module-price-box display-flex align-items-center justify-content-center">
<span>$0.00 </span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var updateWarningDisplayed = false;
var downgradeWarningDisplayed = false;
$(window).resize(function() {
$('.chosen').chosen('destroy');
$('.chosen').chosen({
width: '100%',
search_contains: true,
});
});
$(document).ready(function() {
$('.chosen').chosen('destroy');
$('.chosen').chosen({
width: '100%',
search_contains: true,
});
var labels = ["1 month \/ 30 days<br>", "", "6 months \/ 180 days (- 5%)<br>", "", "", "5 years \/ 1800 days (- 40%)<br>"];
var values = [614, 615, 616, 617, 618, 619];
var prices = ["$0.00 <small>\/ 30 Tage<\/small>", "$0.00 <small>\/ 30 Tage<\/small>", "$0.00 <small>\/ 30 Tage<\/small>", "$0.00 <small>\/ 30 Tage<\/small>", "$0.00 <small>\/ 30 Tage<\/small>", "$0.00 <small>\/ 30 Tage<\/small>"];
var keyValues = ["30", "90", "180", "360", "720", "1800"];
var minRuntimes = [-1, -1, -1, -1, -1, -1];
var labelListTooltips = ["1 month \/ 30 days<br>", "3 months \/ 90 days (- 3%)<br>", "6 months \/ 180 days (- 5%)<br>", "1 year \/ 360 days (- 10%)<br>", "2 years \/ 720 days (- 20%)<br>", "5 years \/ 1800 days (- 40%)<br>"];
var activeLabel = 0;
initValues.push(activeLabel);
fieldMinimums[229] = minRuntimes[activeLabel];
fieldMinimumNames[229] = labels[activeLabel];
var tooltipsInfoSlider = [];
var tooltipsInfoSliderReferences = [];
tooltipsInfoSliderReferences[229] = $('.product-slider-229 .configuration-module-header-tooltip-icon');
tooltipsInfoSlider[229] = new Popper($('.product-slider-229 .configuration-module-header-tooltip-icon'), $('.product-slider-229 .tooltip-configuration-info'), {
placement: 'bottom',
placements: ['left', 'bottom', 'top', 'auto', 'right'],
modifiers: {
flip: {
behavior: ['left', 'bottom', 'top', 'right'],
},
offset: {
enabled: true,
offset: '0, 8',
},
preventOverflow: {
boundariesElement: $('#content').get(0),
},
arrow: {
element: $('.product-slider-229 .tooltip-configuration-info').find('.tooltip-arrow').get(0),
},
},
});
var tooltips = [];
var sliderDrops = [];
var tooltipElements = [];
var mobileSelector = $('.mobile-select').filter(function() {
return this.name.match(/sel_field\[229\]/) || this.name.match(/sel_fieldList\[+([0-9]+)\]\[229\]/);
}),
sliderValue = 0;
function getPriceValue(ui) {
sliderValue = ui.value;
return prices[ui.value];
}
theSlider = $(".product-slider-229 .product-slider-action div").slider({
min: 0,
max: parseInt(values.length) - 1,
//values: [activeLabel],
value: activeLabel,
range: "min",
create: function(event, ui) {
sliderDrops[229] = $('.product-slider-229 .ui-slider-handle');
tooltipElements[229] = $('.product-slider-229 .tooltip-slider');
tooltips[229] = new Popper(sliderDrops[[229]], tooltipElements[[229]], {
placement: 'top',
placements: ['top'],
modifiers: {
preventOverflow: {
enabled: true,
boundariesElement: sliderDrops[229].closest('.row').get(0),
},
offset: {
enabled: true,
offset: '0, 8',
},
arrow: {
element: tooltipElements[229].find('.tooltip-arrow').get(0),
},
flip: {
enabled: false,
},
},
});
tooltipElements[[229]].find('.tooltip-slider-inner').html(labelListTooltips[0]);
}
}).slider("pips", {
rest: "label",
labels: labels
}).on('slidecreate', function(event, ui) {
if (isNaN(ui.value)) {
ui.value = parseInt(activeLabel);
}
var parentObj = $(this).parent().parent();
var serviceKey = $(this).closest('.product-slider').find('.productField').data("service-key");
fieldMinimums[229] = minRuntimes[ui.value];
fieldMinimumNames[229] = labels[ui.value];
var baseCheck = true;
if (serviceKey === "order_runtime") {
var globalMinRes = checkAllMinimumRuntimes(keyValues[ui.value]);
if (globalMinRes === true) {
baseCheck = true;
} else {
baseCheck = false;
}
}
if (baseCheck && checkMinimumRuntime(229, minRuntimes[ui.value], labelListTooltips[ui.value], 0, 0)) {
parentObj.find('.product-slider-info-value').html(labels[ui.value].split("<br>")[0]);
parentObj.find('.product-slider-info-price').html(getPriceValue(ui));
parentObj.closest('.configuration-module').find('.product-slider-input').attr('data-service-key-value', keyValues[ui.value]).val(values[ui.value]).change();
resetMinimumRuntime();
} else {
return false;
}
}).on('slidechange', function(event, ui) {
if (isNaN(ui.value)) {
ui.value = parseInt(activeLabel);
}
var _event = event;
var parentObj = $(this).parent().parent();
var serviceKey = $(this).closest('.product-slider').find('.productField').data("service-key");
fieldMinimums[229] = minRuntimes[ui.value];
fieldMinimumNames[229] = labels[ui.value];
tooltipElements[229].find('.tooltip-slider-inner').html(labelListTooltips[ui.value]);
tooltips[229].update();
var baseCheck = true;
if (serviceKey === "order_runtime") {
var globalMinRes = checkAllMinimumRuntimes(keyValues[ui.value]);
if (globalMinRes === true) {
baseCheck = true;
} else {
baseCheck = false;
}
}
if (baseCheck && checkMinimumRuntime(229, minRuntimes[ui.value], labelListTooltips[ui.value], 0, 0)) {
parentObj.find('.product-slider-info-value').html(labels[ui.value].split("<br>")[0]);
parentObj.parent().find('.product-slider-info').addClass('customized');
parentObj.closest('.configuration-module').find('.configuration-module-price-box span').html(getPriceValue(ui).replace('<small>/ 30 Tage</small>', ''));
parentObj.closest('.configuration-module').find('.product-slider-input').attr('data-service-key-value', keyValues[ui.value]).val(values[ui.value]).change();
if (typeof $('.product-slider-4').find('.product-slider-info-price').html() !== "undefined") {
if (!$('.product-slider-4').find('.product-slider-info-price').html().toString().endsWith('</small>') && !accountingNone) {
$('.product-slider-4').find('.product-slider-info-price').append('<small>/ 30 Tage</small>');
}
}
resetMinimumRuntime();
} else {
// Try to reset to the next lower item
var requestedValue = ui.value;
var availableValues = $.map(labels, function(element, index) {
return index
});
if (serviceKey === "order_runtime") {
var nextLowerValue = availableValues[availableValues.indexOf(requestedValue) + 1];
} else {
var nextLowerValue = availableValues[availableValues.indexOf(requestedValue) - 1];
}
sliders[$(event.currentTarget).data("slider-id")].slider("value", nextLowerValue).change();
return false;
}
}).on('slide', function(event, ui) {
if (isNaN(ui.value)) {
ui.value = parseInt(activeLabel);
}
var parentObj = $(this).parent().parent();
var serviceKey = $(this).closest('.product-slider').find('.productField').data("service-key");
fieldMinimums[229] = minRuntimes[ui.value];
fieldMinimumNames[229] = labels[ui.value];
tooltipElements[229].find('.tooltip-slider-inner').html(labelListTooltips[ui.value]);
tooltips[229].update();
var baseCheck = true;
if (serviceKey === "order_runtime") {
var globalMinRes = checkAllMinimumRuntimes(keyValues[ui.value]);
if (globalMinRes === true) {
baseCheck = true;
} else {
baseCheck = false;
}
}
if (baseCheck && checkMinimumRuntime(229, minRuntimes[ui.value], labelListTooltips[ui.value], 0, 0)) {
$(this).parent().parent().find('.product-slider-info-value').html(labels[ui.value].split("<br>")[0]);
parentObj.parent().find('.product-slider-info').addClass('customized');
parentObj.closest('.configuration-module').find('.configuration-module-price-box span').html(getPriceValue(ui).replace('<small>/ 30 Tage</small>', ''));
parentObj.closest('.configuration-module').find('.product-slider-input').attr('data-service-key-value', keyValues[ui.value]).val(values[ui.value]).change();
if (typeof $('.product-slider-4').find('.product-slider-info-price').html() !== "undefined") {
if (!$('.product-slider-4').find('.product-slider-info-price').html().toString().endsWith('</small>') && !accountingNone) {
$('.product-slider-4').find('.product-slider-info-price').html().toString().replace('<small>/ 30 Tage</small>', '');
}
}
resetMinimumRuntime();
} else {
return false;
}
});
sliders.push(theSlider);
$(theSlider).data("slider-id", sliders.indexOf(theSlider));
var tmpArray = $.map(values, function(elem, index) {
var generatedElement = (elem + "").split("<")[0];
return parseInt(generatedElement);
});
$(theSlider).data("slider-values", tmpArray);
mobileSelector.data("slider-id", sliders.indexOf(theSlider));
});
</script>
<div class="modal fade" id="updateWarningModal" tabindex="-1" role="dialog" aria-labelledby="updateWarningModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Schließen"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="updateWarningModalLabel">Up-/downgrade warning</h4>
</div>
<div class="modal-body">
<p class="panel-description"><strong>ATTENTION:</strong> This value can not be changed easily. Probably a new installation will be necessary if you proceed.</p>
</div>
<div class="modal-footer">
<div class="btn-group">
<button type="button" class="btn btn-sep btn-primary" data-dismiss="modal"><i class="fa fa-check"></i><span>Confirm</span></button>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 configuration-module-count margin-bottom-24px">
<div class="configuration-module configuration-module-highlight-box height-100 display-flex flex-direction-column" id="field_250">
<div class="row">
<div class="col-xs-12">
<header class="configuration-module-header">
<div class="row display-flex flex-1">
<div class="col-xs-8 display-flex">
<i class="configuration-module-header-icon fa "></i>
<span class="configuration-module-header-title">DDoS Manager Overview</span>
</div>
<div class="col-xs-4 display-flex justify-content-flex-end">
<i class="configuration-module-header-tooltip-icon fa fa-info-circle"></i>
</div>
<div class="tooltip-configuration-info tooltip" role="tooltip" x-placement="top" style="position: absolute; transform: translate3d(909px, -107px, 0px); top: 0px; left: 0px; will-change: transform;">
<div class="tooltip-arrow tooltip-slider-arrow" style="left: 155px;"></div>
<div class="tooltip-inner tooltip-slider-inner">With this option you get access to the DDoS Manager, where you can view the past attacks. Additionally, you can activate the notification about ongoing DDoS attacks on your
server.</div>
</div>
</div>
</header>
</div>
</div>
<div class="row display-flex flex-wrap-wrap">
<div class="col-xs-12 col-md-3 display-flex">
<div class="highlight-box min-height-76px active">
<div class="control-group">
<div class="radio">
<header>
<i class="article-icon font-family-font-awesome fas fa-eye-slash"></i>
<input type="radio" value="636" name="field[250]" id="option_636" data-price="+ $0.00" class="ace productField ddos-manager-view-0" checked="checked">
<label class="lbl" for="option_636">No access to DDoS overview</label>
</header>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3 display-flex">
<div class="highlight-box min-height-76px ">
<div class="control-group">
<div class="radio">
<header>
<i class="article-icon font-family-font-awesome fas fa-eye"></i>
<input type="radio" value="637" name="field[250]" id="option_637" data-price="+ $1.09" class="ace productField ddos-manager-view-1">
<label class="lbl" for="option_637">Access to DDoS overview</label>
</header>
</div>
</div>
</div>
</div>
</div>
<div class="row row-full-width padding-top-25px margin-top-auto">
<div class="col-xs-12 col-full-width display-fex">
<div class="configuration-module-price-box display-flex align-items-center justify-content-center">
<span> + $0.00 </span>
</div>
</div>
</div>
<script type="text/javascript">
function onSelectCallback_field_250_option_636() {}
function onSelectCallback_field_250_option_637() {
/* No own ip option */
if (!$('.own-ip-1').length) {
return;
} /* Fetch required data */
let ddosField = $('.ddos-manager-view-1').closest('.configuration-module'),
ownIpField = $('.own-ip-1').closest('.configuration-module'),
activeOption = ownIpField.find('input[type="radio"]:checked'); /* Active option is enabled */
if (activeOption.length && activeOption.hasClass('own-ip-1')) {
showInformationDialog('Attention', 'Since you have chosen your own IP, the DDoS overview booking is not necessary because it is automatically activated. We have therefore deselected the option for you.', false);
ddosField.find('.ddos-manager-view-0').click().trigger('change');
}
}
$(document).ready(function() {
$('#field_250 input').each(function() {
let input = $(this),
onSelectCallback = 'onSelectCallback_field_250_option_' + input.attr('value');
input.on('change', function() {
if (input.prop('checked') && typeof(window[onSelectCallback]) === 'function') {
window[onSelectCallback](input);
}
});
if (input.prop('checked') && typeof(window[onSelectCallback]) === 'function') {
window[onSelectCallback](input);
}
});
});
$(document).ready(function() {
var tooltipsInfoSelect = [];
tooltipsInfoSelect[250] = new Popper($('#field_250 .configuration-module-header-tooltip-icon'), $('#field_250 .tooltip-configuration-info'), {
placement: 'bottom',
placements: ['left', 'bottom', 'top', 'auto', 'right'],
modifiers: {
flip: {
behavior: ['left', 'bottom', 'top', 'right'],
},
offset: {
enabled: true,
offset: '0, 8',
},
preventOverflow: {
boundariesElement: $('#content').get(0),
},
arrow: {
element: $('#field_250 .tooltip-configuration-info').find('.tooltip-arrow').get(0),
},
},
});
$('#field_250 .highlight-box').click(function() {
$('#field_250 .highlight-box.active').removeClass('active');
$('#field_250 input:checked').removeAttr('checked');
$(this).addClass('active');
var input = $(this).find('input');
//input.click().trigger('change');
$(this).closest('.configuration-module').find('.configuration-module-price-box span').html($(this).find('input').data('price'));
if (!input.is(':disabled')) {
input.prop('checked', true).change();
}
});
});
</script>
</div>
</div>
<div id="configuration-container" class="col-xs-12" style="z-index: 1009;">
<div class="row">
<div id="shop-configuration" class="listing-box-overlay-container centered col-xs-12" style="top: auto; bottom: auto; z-index: 2052;">
<div>
<div class="listing-box">
<header class="listing-box-header align-items-center highlighted">
<div class="margin-right-10px"><span class="title font-family-the-great-escape">Your settings</span></div>
<div class="display-flex margin-left-auto icons"><i class="far fa-ticket-alt margin-right-10px cursor-pointer"></i> <i class="far fa-comments margin-right-10px cursor-pointer"></i>
<i class="far fa-share-alt margin-right-10px cursor-pointer share-config"></i> <i class="fa fa-compress-alt cursor-pointer fa-expand"></i></div>
</header>
<div class="items">
<div class="item-container">
<div class="item-entry align-items-center">
<div class="prefix margin-right-10px"><i class="fa icon fa-cube"></i></div>
<div class="item-description display-flex flex-direction-column flex-1"><strong class="subtitle">Paket</strong> <span class="title">Webspace Large: <br>- 5.000 MB disk space<br>- 40 E-Mail accounts<br>- 40 MySQL
databases</span></div>
<div class="suffix margin-left-10px">
<div class="price text-success"> + $4.25 </div>
</div>
</div> <!----> <!---->
</div>
<div class="item-container">
<div class="item-entry align-items-center grey">
<div class="prefix margin-right-10px"><i class="fa icon fa-credit-card"></i></div>
<div class="item-description display-flex flex-direction-column flex-1"><strong class="subtitle">Settlement type</strong> <span class="title">Contract</span></div>
<div class="suffix margin-left-10px">
<div class="price text-success"> $0.00 </div>
</div>
</div> <!----> <!---->
</div>
<div class="item-container">
<div class="item-entry align-items-center">
<div class="prefix margin-right-10px"><i class="fa icon fa-list"></i></div>
<div class="item-description display-flex flex-direction-column flex-1"><strong class="subtitle">Billing interval</strong> <span class="title">1 month / 30 days<br></span></div>
<div class="suffix margin-left-10px">
<div class="price text-success"> $0.00 </div>
</div>
</div> <!----> <!---->
</div>
<div class="item-container">
<div class="item-entry align-items-center grey">
<div class="prefix margin-right-10px"><i class="fa icon fa-list"></i></div>
<div class="item-description display-flex flex-direction-column flex-1"><strong class="subtitle">DDoS Manager Overview</strong> <span class="title">No access to DDoS overview</span></div>
<div class="suffix margin-left-10px">
<div class="price text-success"> $0.00 </div>
</div>
</div> <!----> <!---->
</div> <!---->
</div>
<footer class="listing-box-footer align-items-center justify-content-center">
<div class="display-flex">
<div class="display-flex flex-direction-column">
<div class="display-flex justify-content-center">
<div class="price text-success"> + $4.25 </div> <span class="font-size-12px margin-left-5px">/ Month</span>
</div> <!---->
<div class="tax-label-container text-center font-size-12px"><span class="tax-description font-size-10px">(incl. 19% VAT)</span></div>
<a href="/en/shop/product/switch.php?csrf_token_zap=5bc053faf40cb334ebd5439d148482175f41a7c1472acaf3&gameId=0&sourceProduct=7&targetProduct=69&fields=eyIyODkiOjc2NSwiMTYzIjoiY29udHJhY3QifQ%3D%3D" rel="nofollow" class="margin-top-5px switch-product text-center font-size-12px font-family-the-great-escape">OR $51.01 LIFETIME (one time)<br></a>
</div>
</div>
</footer>
</div>
</div>
<div class="display-flex flex-wrap-wrap align-items-center justify-content-center background-color-#f6f6f6 border-radius-5px margin-top-25px padding-top-5px padding-bottom-5px">
<div class="width-100 description-text text-align-center margin-bottom-5px"> Webspace </div> <avatar-group avatars="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" animate="true"
class="margin-right-20px"></avatar-group>
<div class="font-size-12px color-666"><strong class="font-size-14px display-block color-666">6x ordered</strong> in the past 24 hours </div>
</div>
</div>
</div>
<div class="shop-configuration-expander button button-white button-round button-round-big" style="position: fixed; right: 27px; top: calc(50% + 45px); z-index: 9999;"><i class="fa fa-cogs"></i></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var shopConfigurationInstance = new Vue({
el: '#configuration-container',
data: {
config: shopConfig,
settings: shopOverlay,
},
});
onHeaderVisibilityChange();
$('[data-toggle=tooltip]').tooltip();
$(() => {
$('#field_shipping').fadeOut();
$('.delivery-checkbox').find('input[type=checkbox]').change(function() {
if ($(this).prop('checked')) {
window.checkedDeliveryItems.push($(this).val());
} else {
let index = window.checkedDeliveryItems.indexOf($(this).val());
if (index > -1) {
window.checkedDeliveryItems.splice(index, 1)
}
}
if (window.checkedDeliveryItems.length === 0) {
$('#field_shipping').fadeOut();
} else {
$('#field_shipping').fadeIn();
}
}).change();
});
});
</script>
<input type="hidden" name="product_id" id="product_id" value="7">
<input type="hidden" name="product_uri" id="product_uri" value="https://zap-hosting.com/de/shop/product/webspace/">
<div class="col-xs-12">
<hr>
</div>
<div class="col-xs-12">
<div class="userbar-container">
<div class="buyprocess-form buyprocess-form-account buyprocess-form-registration">
<h3 class="buyprocess-form-heading">Sign up! 👋</h3>
<span class="buyprocess-form-subline"> Already customer? <a class="cursor-pointer show-shop-login" onclick="switchLogin()" title="Log into your ZAP-Hosting account">Login here</a>
</span>
<div class="row">
<div class="col-xs-12 col-md-6">
<label for="email">E-Mail</label>
<input id="email" type="email" placeholder="E-Mail" name="email">
</div>
<div class="col-xs-12 col-md-6">
<label for="username">Username</label>
<input id="username" type="text" placeholder="Username" name="username">
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<label for="password">Password</label>
<input id="password" type="password" placeholder="********" name="password">
</div>
<div class="col-xs-12 col-md-6">
<label for="password_confirmation">Repeat password</label>
<input id="password_confirmation" type="password" placeholder="********" name="password_confirmation">
</div>
<div class="col-xs-12">
<button type="button" class="buyprocess-form-submit" onclick="register()">
<span>Register</span><i class="fa fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<div class="buyprocess-form buyprocess-form-account buyprocess-form-login" style="display: none">
<h3 class="buyprocess-form-heading">Login to existing account</h3>
<span class="buyprocess-form-subline"> Not a customer yet? <a class="cursor-pointer" onclick="switchRegistration()" title="Create a ZAP-Hosting account">Register here</a>
</span>
<div class="row">
<div class="col-xs-12 col-md-6">
<label for="username">Username</label>
<input id="username" type="text" placeholder="Username / E-Mail">
</div>
<div class="col-xs-12 col-md-6">
<label for="password">Password</label>
<input id="password" type="password" placeholder="********">
</div>
<div class="col-xs-12">
<div class="async-g-recaptcha shop-login-captcha registered" data-sitekey="6Lc_U_4ZAAAAAMN31U6-teHfRBKGr4xAVW-Q0MFe" style="min-height:78px;"></div>
</div>
<div class="col-xs-12">
<button type="button" class="buyprocess-form-submit" onclick="login()">
<span>Login</span><i class="fa fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<script type="text/javascript">
if (typeof(registerAsyncRecaptchas) === 'function') {
registerAsyncRecaptchas();
} else {
$(window).on('load', function() {
registerAsyncRecaptchas();
});
}
function checkForMissingRegistrationInputFields() {
var hasEmptyInputFields = false;
$('.buyprocess-form-registration input').each(function() {
if ($(this).attr('type') !== 'submit' && $(this).val() == '') {
hasEmptyInputFields = true;
}
});
return hasEmptyInputFields === false;
}
function checkEmail() {
var email = $('.buyprocess-form-registration #email').val();
var passed = false;
$.ajax({
url: '/interface/customer/_ajax/json_validateEmail.php',
data: {
email: email,
},
async: false,
success: function(data) {
passed = data === 'ok';
},
});
return passed;
}
function checkPasswords() {
var passwordInput = $('.buyprocess-form-registration #password');
var passwordConfirmationInput = $('.buyprocess-form-registration #password_confirmation');
return passwordInput.val() === passwordConfirmationInput.val();
}
isAuthenticated = false;
accountBalance = 0;
$(document).ready(function() {
$(document).on('focus', '.input-error', function(event) {
$(this).removeClass('input-error');
});
});
$('.buyprocess-form-account').keypress(function(event) {
if (event.keyCode === 10 || event.keyCode === 13) {
event.preventDefault();
if ($(event.currentTarget).hasClass('buyprocess-form-login')) {
login();
} else if ($(event.currentTarget).hasClass('buyprocess-form-registration')) {
register();
}
}
});
</script>
</div>
<div id="user-errors" class="alert alert-new alert-new-error" role="alert" style="display: none">
<span class="alert-new-message"></span>
<div class="alert-new-drop">
<i class="fa fa-exclamation-triangle"></i>
</div>
</div>
<hr>
<div class="row">
<div class="col-xs-12">
<div class="payment-methods">
<input name="paymentType" type="hidden">
<div class="row display-flex flex-wrap-wrap">
<div class="col-xs-12 col-sm-6">
<div class="payment-methods-option " data-payment-type="account" data-payment-method="Balance">
<div class="row display-flex">
<div class="col-xs-2 display-flex">
<span class="payment-methods-option-checkicon"></span>
</div>
<div class="col-xs-7 col-sm-8 display-flex">
<span class="payment-methods-option-name">Pay with <strong>ZAP Coins</strong></span>
</div>
<div class="col-xs-3 col-sm-2 display-flex justify-content-flex-end">
<div class="payment-methods-option-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 214.8 194.9">
<style>
.st0 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: #B0DC03;
}
.st1 {
fill-rule: evenodd;
clip-rule: evenodd;
fill: #666666;
}
.st2 {
fill: #B0DC03;
}
</style>
<path class="st0"
d="M145.4 24c-.3.3-.4.6-.4 1s0 .7.1 1.1c.1.6.3 1.2.6 1.9s1 1.3 1.9 2c1.6 1.1 3.3 1.8 5.1 2.1 1.8.3 3.6.4 5.4.3.3-.1.6-.2.9-.2.3 0 .6-.1.8-.1.6.6 1.3 1.1 2 1.7.7.6 1.3 1.1 1.9 1.7-.9.3-1.9.5-2.8.6-.9.1-1.9.2-2.8.3-2.5.2-5 0-7.7-.6-2.7-.5-5.1-1.5-7.2-2.9-.9-.6-1.8-1.3-2.5-2.1-1.5-1.6-2.3-3.2-2.4-4.9-.1-1.7.3-3.2 1.3-4.7.4-.6.9-1.1 1.5-1.6s1.3-1.1 2-1.6c.3 0 .6.1.8.2.2.1.5.2.7.3 3.6 1.5 7.3 3.1 11.1 4.7 3.7 1.6 7.4 3.1 10.9 4.6.3-.1.4-.3.4-.5s.1-.4.3-.6c0-.8 0-1.7-.3-2.6-.2-.9-.9-1.8-2.1-2.7-1.8-1.3-3.7-2.1-5.9-2.4-2.2-.3-4.4-.3-6.5.1-.6-.6-1.3-1.2-2-1.7-.7-.6-1.4-1.1-1.9-1.7 1.9-.6 3.8-.9 5.6-1 1.8-.1 3.6 0 5.3.2 2.2.3 4.4.8 6.6 1.7 2.2.8 4.1 2.2 5.8 4 1.1 1.2 1.7 2.4 2 3.5.3 1.2.2 2.3-.1 3.4-.3 1.1-.8 2.2-1.7 3.2-.9 1-2 1.9-3.4 2.8-.3 0-.6-.1-.8-.2-.2-.1-.5-.2-.7-.3-3.5-1.5-7.1-3-10.6-4.5-3.9-1.5-7.5-3-11.2-4.5z">
</path>
<path class="st1"
d="M162.9 168.1c2.1-.4 4.2-1.1 6.2-1.9 4-1.7 7.6-4 10.6-6.9 3-2.9 5.4-6.4 7.1-10.3 1.8-3.9 2.6-8.1 2.6-12.6 0-4.4-.9-8.6-2.6-12.5-1.8-3.9-4.1-7.4-7.1-10.3-1.6-1.5-3.2-2.9-5.1-4.1-.2.4-.4.9-.6 1.3l-2.6 4.8-3.2 5.8c.7.5 1.3 1.1 1.9 1.7 1.8 1.7 3.1 3.7 4.2 6 1 2.3 1.5 4.7 1.5 7.3 0 2.7-.5 5.2-1.5 7.5s-2.4 4.4-4.2 6.1-3.8 3.1-6.2 4.1c-2.4 1-4.9 1.5-7.5 1.5-1.8 0-3.3-.3-4.8-.8l-3.3 13.1 1.2.3h13.4zM139 108.9c-2.2 1.3-4.2 2.9-6 4.7-2.9 2.9-5.3 6.4-7 10.3-1.7 3.9-2.6 8.1-2.6 12.5V195h13.5V136.4c0-2.6.5-5 1.5-7.3s2.4-4.3 4.2-6c.8-.8 1.8-1.6 2.8-2.3l-2.9-5.2-2.7-4.8c-.3-.6-.6-1.2-.8-1.9zM83.9 168.8c-4.6 0-8.9-.9-12.9-2.6-4-1.7-7.5-4-10.5-7-3-2.9-5.4-6.4-7.1-10.3-1.7-3.9-2.6-8.1-2.6-12.5 0-4.5.9-8.7 2.6-12.6 1.7-3.9 4.1-7.4 7.1-10.3 3-2.9 6.5-5.3 10.5-6.9 4-1.7 8.3-2.5 12.9-2.5s8.9.8 12.9 2.5 7.5 4 10.5 6.9c3 2.9 5.3 6.4 7.1 10.3 1.7 3.9 2.6 8.1 2.6 12.6v32.4h-13.7v-32.4c0-2.7-.5-5.2-1.5-7.5s-2.4-4.4-4.2-6.1c-1.8-1.7-3.8-3.1-6.1-4.1-2.3-1-4.8-1.5-7.5-1.5s-5.1.5-7.5 1.5c-2.3 1-4.4 2.3-6.1 4.1-1.8 1.7-3.1 3.8-4.2 6.1-1 2.3-1.5 4.8-1.5 7.5 0 2.6.5 5 1.5 7.3s2.4 4.3 4.2 6c1.8 1.7 3.8 3.1 6.1 4.1 2.3 1 4.8 1.5 7.5 1.5.9 0 1.7 0 2.4-.1.8-.1 1.5-.2 2.3-.4l3.2 13.1c-4 .6-6.7.9-8 .9zM14.2 137L1.4 157.6c-.9 1.5-1.4 3.1-1.4 4.7 0 1.9.7 3.4 2.2 4.4 1.5 1 3.2 1.5 5.3 1.5H44c2.1 0 3.8-.6 5.1-1.9 1.3-1.3 2-2.9 2-5s-.7-3.8-2-5.1c-1.3-1.3-3-2-5.1-2H20L30.8 137l12.9-21.4c1-1.6 1.5-3.2 1.5-4.5 0-3.9-2.5-5.9-7.6-5.9H7.1c-2.1 0-3.8.6-5.1 2-1.3 1.3-2 3-2 5.1s.6 3.7 2 5 3 1.9 5.1 1.9H25L14.2 137zM0 193.8v-18.9h3.8v7.5h7.3v-7.5h3.8v18.9h-3.8v-7.9H3.8v7.9zM28.4 177.9c-2 0-3.6.6-4.9 1.8-1.3 1.2-1.9 2.8-1.9 4.6 0 1.8.7 3.3 2 4.6 1.3 1.3 2.9 1.9 4.9 1.9 2 0 3.6-.6 4.9-1.9 1.3-1.3 2-2.8 2-4.6 0-1.8-.6-3.4-1.9-4.6-1.5-1.1-3.1-1.7-5.1-1.8zm0-3.4c3.1 0 5.6 1 7.6 2.9s3 4.2 3 7.1c0 2.8-1 5.1-3.1 7-2 1.9-4.6 2.8-7.6 2.8s-5.5-.9-7.6-2.8c-2-1.9-3.1-4.2-3.1-7s1-5.2 3-7.1c2.2-1.9 4.8-2.8 7.8-2.9zM40.5 188.4h4c0 .7.3 1.3.8 1.8.5.4 1.2.6 2 .6.7 0 1.4-.2 1.9-.7.5-.4.8-1 .8-1.7 0-.9-.4-1.7-1.2-2.2-.5-.3-1.4-.7-2.6-1.1-2.2-.6-3.6-1.7-4.3-3-.3-.6-.5-1.1-.5-1.6v-.6c0-1.6.6-2.9 1.7-3.9 1.2-1 2.6-1.5 4.3-1.5 1.6 0 3 .5 4.2 1.5 1.2 1 1.8 2.3 1.7 3.8h-3.9c0-.6-.3-1-.7-1.4-.5-.4-1-.5-1.6-.5-.6 0-1.1.2-1.5.5-.4.4-.5.8-.5 1.4v.1c0 .7.3 1.3 1 1.7.3.2 1 .5 2.1.8 1.5.5 2.7 1 3.4 1.6 1.4 1.1 2.2 2.5 2.2 4.3 0 1.7-.6 3.1-1.9 4.3-1.3 1.1-2.9 1.7-4.7 1.7-1.8 0-3.4-.5-4.6-1.6-1.4-1.2-2.1-2.6-2.1-4.3zM58.5 193.8v-15.5h-3.8v-3.4h11.4v3.4h-3.8v15.5zM68 174.9h3.8v18.9H68zM75.8 193.8v-18.9H80l8.6 13.8v-13.8h3.7v18.9h-4.2L79.6 180v13.8zM115.9 180.4h-4.5c-1.3-1.7-3-2.5-5-2.5h-.4c-3 0-5.2 1.3-6.4 3.8-.4.9-.7 1.8-.7 2.6 0 1.8.7 3.4 2.1 4.6 1.4 1.3 3.1 1.9 5.1 1.9h.3c1.1 0 2.3-.3 3.3-1 1.1-.7 1.9-1.5 2.4-2.4h-8.5V184h13.3v.4c0 2.8-1 5.1-3.1 7-2.1 1.8-4.7 2.7-7.7 2.7-3.1 0-5.6-.9-7.7-2.7-2.1-1.9-3.2-4.2-3.2-7s1-5.2 3.1-7.1c2.1-1.9 4.7-2.8 7.8-2.8h.3c2 0 4 .5 5.8 1.6 1.7 1.2 3 2.6 3.7 4.3zM155.1 0v.3L96.2 22.9l1.3 4.8c0 .1.1.2.1.3h-.1l29.3 78.7 3.9-1.9-11.8-34.1 35.7 17.2v17.3h3.3V87.7l34-16.9-11.2 32.6 3.9 2 27.9-76v-.2l.9-2.5 1.4-3.4L155.6.2V.1h-.1l-.4-.1zm.3 5.3l52.1 20.1-.2.7-50.8 20.6-52.6-21.5 51.5-19.9zm38.1 60.8l-35.6 17.1V51.9L205 32.5l-11.5 33.6zm-38.9 17.3l-37.5-17.8-12-34.6 49.4 20.7.1.1v31.6z">
</path>
<path class="st2" d="M158.8 125.2c-1.1 1.9-2.8 1.9-3.9 0l-2.7-4.8-3.8-6.9-2.7-4.8c-1.1-1.9-.2-3.4 1.9-3.4h18.3c2.1 0 3 1.5 1.9 3.4l-2.7 4.8-3.8 6.9-2.5 4.8z"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="payment-methods-option" data-disabled-by-limit="0" data-payment-type="credit_card" data-payment-method="credit_card" data-recurring-active="1">
<div class="row display-flex">
<div class="col-xs-2 display-flex">
<span class="payment-methods-option-checkicon"></span>
</div>
<div class="col-xs-7 col-sm-8 display-flex">
<span class="payment-methods-option-name">Pay with <strong>Credit card</strong></span>
</div>
<div class="col-xs-3 col-sm-2 display-flex justify-content-flex-end">
<div class="payment-methods-option-icon">
<svg xmlns="http://www.w3.org/2000/svg" height="25px" viewBox="0 0 2304 1792">
<path d="M0 1504V896h2304v608q0 66-47 113t-113 47H160q-66 0-113-47T0 1504zm640-224v128h384v-128H640zm-384 0v128h256v-128H256zM2144 128q66 0 113 47t47 113v224H0V288q0-66 47-113t113-47h1984z" style="fill: #666"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="payment-methods-option " data-payment-type="paypal" data-payment-method="PayPal" data-recurring-active="1">
<div class="row display-flex">
<div class="col-xs-2 display-flex">
<span class="payment-methods-option-checkicon"></span>
</div>
<div class="col-xs-7 col-sm-8 display-flex">
<span class="payment-methods-option-name">Pay with <strong>PayPal</strong></span>
</div>
<div class="col-xs-3 col-sm-2 display-flex justify-content-flex-end">
<div class="payment-methods-option-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 526.77502 140.375" height="140.375" width="526.775">
<path
d="M63.213.01H22.24c-2.804 0-5.188 2.036-5.626 4.805L.044 109.88c-.33 2.072 1.275 3.942 3.378 3.942h19.56c2.805 0 5.19-2.037 5.626-4.81l4.47-28.338c.43-2.775 2.82-4.812 5.62-4.812h12.97c26.99 0 42.566-13.06 46.635-38.942 1.833-11.323.077-20.22-5.225-26.45C87.255 3.627 76.926.01 63.213.01zM67.94 38.38C65.7 53.085 54.466 53.085 43.604 53.085H37.42l4.34-27.457c.257-1.66 1.694-2.882 3.372-2.882h2.833c7.4 0 14.38 0 17.986 4.217 2.152 2.517 2.81 6.255 1.99 11.42M185.688 37.91h-19.62c-1.672 0-3.116 1.22-3.374 2.88l-.868 5.49-1.372-1.99c-4.248-6.165-13.72-8.226-23.174-8.226-21.68 0-40.2 16.42-43.806 39.457-1.875 11.492.79 22.48 7.31 30.142 5.978 7.045 14.533 9.98 24.712 9.98 17.47 0 27.158-11.232 27.158-11.232l-.875 5.452c-.33 2.085 1.275 3.954 3.366 3.954h17.673c2.81 0 5.18-2.037 5.625-4.81L189.05 41.85c.335-2.066-1.265-3.94-3.363-3.94zm-27.35 38.186c-1.892 11.21-10.79 18.735-22.135 18.735-5.698 0-10.252-1.827-13.176-5.29-2.9-3.44-4.002-8.334-3.08-13.786 1.768-11.113 10.816-18.883 21.988-18.883 5.572 0 10.1 1.852 13.085 5.344 2.99 3.53 4.175 8.454 3.32 13.882M290.184 37.91h-19.717c-1.88 0-3.648.934-4.715 2.498L238.56 80.464 227.03 41.97c-.725-2.408-2.947-4.06-5.463-4.06h-19.376c-2.355 0-3.99 2.3-3.24 4.516l21.716 63.733-20.417 28.822c-1.607 2.27.01 5.393 2.786 5.393h19.69c1.87 0 3.62-.91 4.68-2.445l65.578-94.66c1.57-2.264-.042-5.36-2.804-5.36"
fill="#283b82"></path>
<path
d="M355.462.01h-40.978c-2.798 0-5.183 2.036-5.62 4.805l-16.57 105.065c-.33 2.072 1.275 3.942 3.366 3.942h21.03c1.95 0 3.624-1.426 3.93-3.367l4.7-29.78c.433-2.776 2.824-4.813 5.62-4.813h12.966c26.995 0 42.566-13.06 46.64-38.942 1.84-11.323.073-20.22-5.23-26.45C379.5 3.627 369.176.01 355.462.01zm4.728 38.372c-2.235 14.703-13.467 14.703-24.336 14.703h-6.176l4.343-27.458c.26-1.66 1.684-2.88 3.368-2.88h2.833c7.395 0 14.38 0 17.986 4.216 2.15 2.516 2.804 6.255 1.984 11.42M477.933 37.91h-19.61c-1.683 0-3.115 1.22-3.367 2.88l-.87 5.49-1.376-1.99c-4.247-6.165-13.714-8.226-23.167-8.226-21.683 0-40.194 16.42-43.802 39.457-1.867 11.492.786 22.48 7.305 30.142 5.99 7.045 14.534 9.98 24.712 9.98 17.47 0 27.158-11.232 27.158-11.232l-.875 5.452c-.33 2.085 1.276 3.954 3.38 3.954h17.667c2.798 0 5.183-2.037 5.62-4.81l10.61-67.155c.323-2.066-1.282-3.94-3.385-3.94zm-27.35 38.186c-1.882 11.21-10.79 18.735-22.137 18.735-5.686 0-10.25-1.827-13.175-5.29-2.898-3.44-3.99-8.334-3.078-13.786 1.78-11.113 10.814-18.883 21.988-18.883 5.57 0 10.1 1.852 13.084 5.344 3 3.53 4.187 8.454 3.318 13.882M501.064 2.89l-16.818 106.99c-.33 2.072 1.276 3.942 3.368 3.942h16.906c2.81 0 5.195-2.037 5.626-4.81L526.73 3.95c.33-2.073-1.276-3.948-3.368-3.948H504.43c-1.67.005-3.11 1.228-3.366 2.887"
fill="#469bdb"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="payment-methods-option " data-payment-type="crypto" data-payment-method="Bitcoin">
<div class="row display-flex">
<div class="col-xs-2 display-flex">
<span class="payment-methods-option-checkicon"></span>
</div>
<div class="col-xs-7 col-sm-8 display-flex">
<span class="payment-methods-option-name">Pay with <strong>Bitcoin</strong></span>
</div>
<div class="col-xs-3 col-sm-2 display-flex justify-content-flex-end">
<div class="payment-methods-option-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="273.6px" height="360px" viewBox="0 0 273.6 360" enable-background="new 0 0 273.6 360"
xml:space="preserve">
<g>
<g>
<path
d="M217.021,167.042c18.631-9.483,30.288-26.184,27.565-54.007c-3.667-38.023-36.526-50.773-78.006-54.404l-0.008-52.741 h-32.139l-0.009,51.354c-8.456,0-17.076,0.166-25.657,0.338L108.76,5.897l-32.11-0.003l-0.006,52.728 c-6.959,0.142-13.793,0.277-20.466,0.277v-0.156l-44.33-0.018l0.006,34.282c0,0,23.734-0.446,23.343-0.013 c13.013,0.009,17.262,7.559,18.484,14.076l0.01,60.083v84.397c-0.573,4.09-2.984,10.625-12.083,10.637 c0.414,0.364-23.379-0.004-23.379-0.004l-6.375,38.335h41.817c7.792,0.009,15.448,0.13,22.959,0.19l0.028,53.338l32.102,0.009 l-0.009-52.779c8.832,0.18,17.357,0.258,25.684,0.247l-0.009,52.532h32.138l0.018-53.249c54.022-3.1,91.842-16.697,96.544-67.385 C266.916,192.612,247.692,174.396,217.021,167.042z M109.535,95.321c18.126,0,75.132-5.767,75.14,32.064 c-0.008,36.269-56.996,32.032-75.14,32.032V95.321z M109.521,262.447l0.014-70.672c21.778-0.006,90.085-6.261,90.094,35.32 C199.638,266.971,131.313,262.431,109.521,262.447z">
</path>
</g>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="payment-methods unavailable">
<div class="alert alert-new alert-new-info">
<span class="alert-new-message"> Some payment methods are not available in your selected currency. </span>
<div class="alert-new-drop">
<i class="fa fa-exclamation"></i>
</div>
</div>
<div class="payment-method-unavailable margin-top-10px" data-available-with="{"Euro":"EUR"}">
<div class="col-xs-12 col-sm-6">
<div class="payment-methods-option disabled-by-currency" data-payment-type="paysafecard" data-payment-method="paysafecard">
<div class="row display-flex">
<div class="col-xs-2 display-flex">
<span class="payment-methods-option-checkicon"></span>
</div>
<div class="col-xs-7 col-sm-8 display-flex">
<span class="payment-methods-option-name">Pay with <strong>paysafecard</strong></span>
</div>
<div class="col-xs-3 col-sm-2 display-flex justify-content-flex-end">
<div class="payment-methods-option-icon">
<svg xmlns="http://www.w3.org/2000/svg" version="1" width="1024" height="182" viewBox="-4.6442871 -4.6442871 922.8823242 164.0981442">
<path
d="M164.57 69.146c-.102-3.17-1.596-4.805-4.497-4.913H144.58c-3.667.225-5.56 2.237-5.65 6.02V98.12c.09 3.906 2.183 5.9 6.256 6.01h14.2c1.473 0 2.7-.546 3.676-1.664 1.02-.84 1.508-1.92 1.508-3.257V69.145zm-45.532-3.956c.103-6.972 1.655-12.27 4.668-15.893 1.577-1.52 3.55-2.788 5.952-3.838 2.495-1.12 4.912-1.66 7.256-1.66h28.438c12.544.106 18.92 6.967 19.12 20.595v41.943c-.092 4.84-1.987 9.038-5.65 12.55-3.627 3.69-7.958 5.57-13.002 5.682h-26.89v30.24H119.04V65.19M220.38 100.083c0 1.167.538 2.09 1.588 2.783.937.83 2.12 1.265 3.613 1.265h15.28c3.452 0 5.244-1.337 5.346-4.047V94.38c0-3.115-1.82-4.688-5.493-4.688H225.58c-1.99 0-3.368.332-4.135.957-.708.737-1.064 2.197-1.064 4.36v5.073zm25.826-31.43c.103-3.057-1.68-4.517-5.352-4.42H200.79V43.8H245.9c13.14.214 19.81 6.56 20.035 19.096v42.75c-.113 5.404-1.768 9.862-4.98 13.407-3.36 3.672-7.69 5.517-13 5.517H220.69c-13.27-.112-20-6.172-20.205-18.217V89.858c.103-12.587 6.534-18.984 19.263-19.204h26.46v-2.002M321.802 134.37c1.577-.098 2.944-.664 4.052-1.68 1.065-.947 1.602-2.036 1.602-3.27v-4.85h-25.47c-3.32 0-5.975-.424-7.958-1.27-2.094-.766-4.18-2.196-6.28-4.228-1.986-2.153-3.417-4.404-4.286-6.758-.903-2.153-1.362-4.892-1.362-8.183V43.8h19.887v53.856c0 4.317 1.763 6.475 5.332 6.475h14.042c1.67 0 3.12-.546 4.336-1.664 1.172-.947 1.758-2.07 1.758-3.39V43.8h19.727v89.003c-.113 6.587-1.802 11.86-5.06 15.86-3.305 3.998-7.826 6.044-13.593 6.147H282.1v-20.44h39.702M362.803 104.13h35.444c3.242-.11 4.927-1.41 5.03-3.9v-1.836c0-.533-.162-1.123-.474-1.758-.79-1.543-1.763-2.31-2.92-2.31H382.31c-5.215-.102-9.664-1.9-13.404-5.366-3.784-3.203-5.722-7.144-5.835-11.768v-15.24c.206-11.89 6.666-17.938 19.39-18.153h41.11v20.433h-34.83c-4.087 0-6.147 1.255-6.147 3.755v1.978c0 2.593 2.104 3.89 6.3 3.89h17.518c4.67.11 8.65 1.896 11.964 5.382 3.35 3.51 5.088 7.686 5.195 12.534v14.908c-.108 4.19-2.047 8.37-5.772 12.54-1.817 2.045-3.677 3.45-5.537 4.247-1.923.732-4.535 1.103-7.87 1.103h-41.587v-20.44M457.607 100.083c0 1.167.538 2.09 1.612 2.783.926.83 2.113 1.265 3.588 1.265h15.307c3.452 0 5.235-1.337 5.337-4.047V94.38c0-3.115-1.846-4.688-5.503-4.688h-15.142c-1.988 0-3.36.332-4.12.957-.71.737-1.08 2.197-1.08 4.36v5.073zm25.845-31.43c.088-3.057-1.694-4.517-5.37-4.42h-40.055V43.8h45.122c13.124.214 19.8 6.56 20.004 19.096v42.75c-.107 5.404-1.777 9.862-4.97 13.407-3.335 3.672-7.67 5.517-12.984 5.517h-27.29c-13.262-.112-19.995-6.172-20.18-18.217V89.858c.087-12.587 6.513-18.984 19.252-19.204h26.47v-2.002M519.326 32.212c.122-5.518 2.153-9.946 6.138-13.267 3.867-3.374 8.945-5.107 15.224-5.205h12.632v19.74h-7.65c-4.205.1-6.35 2.11-6.44 5.998v4.326h14.09v20.454h-14.09v60.322h-19.904V32.212M609.893 68.27V67.8c0-1.05-.425-1.944-1.28-2.608-.927-.644-2.06-.957-3.423-.957h-13.847c-1.778 0-3.208.498-4.317 1.52-1.377.94-2.075 2.182-2.075 3.71v8.203l24.943-9.395zM585.27 97.16v1.275c0 1.635.423 2.934 1.288 3.877.625 1.206 1.464 1.82 2.583 1.82h40.865v20.44h-43.447c-3.965 0-7.056-.37-9.24-1.113-2.386-.786-4.53-2.07-6.4-3.857-2.188-2.163-3.677-4.366-4.424-6.63-.82-2.365-1.225-5.5-1.225-9.406l-.172-40.903c.22-12.357 6.674-18.646 19.36-18.86h26.816c12.388.214 18.663 6.722 18.863 19.56v16.157l-44.868 17.64M672.246 124.57c-3.013 0-5.762-.278-8.257-.786-2.613-.425-5.216-1.636-7.877-3.68-2.73-2.38-4.62-5.045-5.654-7.99-1.095-2.895-1.622-6.177-1.622-9.868v-38.14c-.112-3.11.2-5.84.928-8.208.67-2.363 2.075-4.677 4.2-6.943 2.42-2.378 4.89-3.96 7.5-4.736 2.51-.63 5.336-.95 8.505-.95h30.49v4.782h-29.78c-5.26 0-9.39 1.08-12.413 3.242-3.09 2.358-4.668 6.426-4.668 12.158v38.164c0 2.686.41 5.298 1.224 7.818.835 2.475 2.227 4.648 4.224 6.547 2.168 1.647 4.326 2.672 6.43 3.092 2.193.484 4.546.713 7.042.713h28.418v4.785h-28.692M778.872 75.088h-39.97c-4.786.107-8.536 1.587-11.236 4.438-2.793 2.896-4.175 6.866-4.175 11.91v12.172c0 2.36.245 4.517.753 6.46.503 2.046 1.758 3.872 3.74 5.44 3.453 2.86 7.276 4.277 11.455 4.277h24.22c10.12-.107 15.214-5.44 15.214-16.025V75.088zm4.75 27.48c0 3.072-.233 5.767-.63 8.14-.643 2.578-1.967 5.063-3.973 7.427-4.176 4.4-9.352 6.543-15.53 6.435h-23.763c-6.177 0-11.182-1.845-15.06-5.517-3.96-3.628-5.966-8.672-5.966-15.142V91.617c.2-13.872 7.11-20.976 20.724-21.3h39.595v-5.38c0-4.433-1.286-8.315-3.84-11.655-1.62-2.167-3.54-3.617-5.717-4.364-2.202-.576-4.673-.864-7.427-.864h-43.193v-4.78h40.947c3.745 0 7.13.263 10.195.78 1.577.313 3.008.928 4.33 1.817 1.403.844 2.71 2.08 3.922 3.7 3.672 4.737 5.464 10.2 5.386 16.353v36.645M828.32 48.052c-11.084.205-16.548 6.255-16.342 18.16v58.358h-4.76V66.23c-.226-15.312 7.064-22.96 21.87-22.96h5.292v4.782h-6.06M908.838 48.076h-37.676c-2.715 0-5.146.303-7.34.88-2.294.517-4.51 1.908-6.586 4.174-1.987 2.065-3.237 4.11-3.76 6.157-.698 2.066-1.015 4.54-.903 7.427v37.207c0 6.187 1.792 10.396 5.425 12.657 1.792 1.05 3.76 1.836 5.967 2.363 2.197.586 4.648.874 7.348.874h16.475c6.152 0 11.187-1.416 15.054-4.272 3.887-2.68 5.864-7.305 5.996-13.896v-53.57zm4.756 53.897c-.42 15.4-8.57 22.95-24.444 22.63h-17.66c-3.73 0-7.066-.326-10.015-.946-3.038-.786-5.943-2.636-8.74-5.522-2.105-2.593-3.458-5.215-4-7.9-.727-2.68-1.045-5.665-.932-8.922v-34.72c.205-15.64 8.08-23.414 23.647-23.297h37.388V16.934h4.756v85.04"
fill="#008ac9"></path>
<path
d="M8.54 40.728c1.563-.69 3.125-1.226 4.688-1.563 2.87-13.71 15.014-23.994 29.57-23.994 14.565 0 26.714 10.3 29.58 24.005 4.468.85 8.164 2.656 11.045 5.346.117-2.63.01-5.165-.303-7.552C81.28 16.255 63.91 0 42.734 0 20.934 0 3.184 17.28 2.26 38.882c-.126 1.865-.165 3.808-.097 5.84 1.83-1.543 3.92-2.93 6.377-3.994"
fill="#e3001b"></path>
<path
d="M66.465 43.8H17.88c-2.338 0-4.76.54-7.255 1.66-2.407 1.05-4.38 2.318-5.962 3.837C1.65 52.92.107 58.217 0 65.19v37.98c.107 6.986 1.65 12.28 4.663 15.883 1.582 1.543 3.555 2.812 5.962 3.872 2.495 1.094 4.917 1.645 7.256 1.645h48.585c12.55-.112 18.93-6.997 19.13-20.605v-39.57c-.2-13.628-6.58-20.49-19.13-20.596"
fill="#e3001b"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="payment-method-unavailable margin-top-10px" data-available-with="{"Euro":"EUR"}">
<div class="col-xs-12 col-sm-6">
<div class="payment-methods-option disabled-by-currency" data-payment-type="giropay" data-payment-method="giropay">
<div class="row display-flex">
<div class="col-xs-2 display-flex">
<span class="payment-methods-option-checkicon"></span>
</div>
<div class="col-xs-7 col-sm-8 display-flex">
<span class="payment-methods-option-name">Pay with <strong>giropay</strong></span>
</div>
<div class="col-xs-3 col-sm-2 display-flex justify-content-flex-end">
<div class="payment-methods-option-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 921.3 425.2">
<style>
.st7 {
fill: #000268;
}
.st8 {
fill: #FFFFFF;
}
.st9 {
fill: #FF0007;
}
</style>
<path class="st7" d="M17.7 90.5c0-37.7 30.8-68.3 68.7-68.3h748.5c37.9 0 68.7 30.6 68.7 68.3v244.2c0 37.7-30.7 68.3-68.7 68.3H86.4c-37.9 0-68.7-30.6-68.7-68.3V90.5z"></path>
<path class="st8"
d="M45.9 92.8v239.6c0 23.6 19.2 42.7 42.9 42.7H481v-325H88.8c-23.7 0-42.9 19.1-42.9 42.7zm536.4 118.6c0 15.3-7.5 25.7-20 25.7-11 0-20.2-10.5-20.2-24.5 0-14.3 8.1-25 20.2-25 12.8.1 20 11.1 20 23.8zM509 298.9h33v-52h.4c6.3 11.4 18.8 15.6 30.3 15.6 28.5 0 43.7-23.5 43.7-51.8 0-23.2-14.5-48.4-41-48.4-15.1 0-29 6.1-35.7 19.5h-.4v-17.3H509v134.4zM661.7 230c0-9.2 8.8-12.7 20-12.7 5 0 9.7.3 14 .5 0 11.2-7.9 22.6-20.4 22.6-7.8.1-13.6-3.8-13.6-10.4zm66.7 30.3c-1.5-7.5-1.8-15.1-1.8-22.6V202c0-29.2-21.1-39.7-45.6-39.7-14.1 0-26.5 2-38.2 6.8l.6 22.4c9.2-5.2 19.8-7.2 30.5-7.2 11.9 0 21.7 3.5 21.9 16.6-4.2-.7-10.1-1.3-15.4-1.3-17.6 0-49.4 3.5-49.4 32.7 0 20.8 16.9 30.1 35.8 30.1 13.6 0 22.8-5.3 30.3-17.3h.4c0 5 .5 9.9.7 15.1l30.2.1zm14.9 38.6c6.8 1.5 13.6 2.2 20.6 2.2 30.3 0 37.5-23.4 46.9-47.4l35.1-89.1h-33.1L793.1 227h-.4l-20.6-62.5h-35.6l38.8 98c-2.4 8.5-8.6 13.2-16.7 13.2-4.6 0-8.6-.6-13.1-2l-2.2 25.2z">
</path>
<path class="st9"
d="M126.7 211.6c0-13.1 6.4-23.9 18.8-23.9 14.9 0 21.1 11.9 21.1 22.6 0 14.7-9.4 24.6-21.1 24.6-10 0-18.8-8.4-18.8-23.3zm71.9-47h-30v17.3h-.3c-7-11.8-18.4-19.5-32.6-19.5-29.8 0-43.2 21.3-43.2 49.8 0 28.3 16.4 48.1 42.6 48.1 13.3 0 24.3-5.2 32.2-16.4h.4v5.2c0 18.7-10.3 27.7-29.4 27.7-13.8 0-22.3-2.9-32.4-7.9l-1.7 26.1c7.7 2.8 20.8 6.1 36.6 6.1 38.6 0 57.7-12.7 57.7-52l.1-84.5zm55.9-39.9h-33.1V149h33.1v-24.3zm-33.1 135.6h33.1v-95.8h-33.1v95.8zm125.2-96.9c-3.3-.5-7.4-1.1-11.2-1.1-14.3 0-22.6 7.7-28.3 19.9h-.4v-17.6h-30.1v95.8h33.1V220c0-18.8 8.7-30 24.1-30 3.9 0 7.5 0 11.2 1.1l1.6-27.7zm57 76c-15.3 0-21.5-12.7-21.5-26.8 0-14.3 6.2-27 21.5-27s21.5 12.7 21.5 27c0 14.1-6.3 26.8-21.5 26.8zm0 23.1c31.6 0 55.7-18.4 55.7-50 0-31.8-24.1-50.2-55.7-50.2s-55.7 18.4-55.7 50.2c0 31.6 24.1 50 55.7 50z">
</path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="payment-method-unavailable margin-top-10px" data-available-with="{"Euro":"EUR"}">
<div class="col-xs-12 col-sm-6">
<div class="payment-methods-option disabled-by-currency" data-payment-type="giropay_eps" data-payment-method="EPS">
<div class="row display-flex">
<div class="col-xs-2 display-flex">
<span class="payment-methods-option-checkicon"></span>
</div>
<div class="col-xs-7 col-sm-8 display-flex">
<span class="payment-methods-option-name">Pay with <strong>EPS</strong></span>
</div>
<div class="col-xs-3 col-sm-2 display-flex justify-content-flex-end">
<div class="payment-methods-option-icon">
<img src="https://zap-cdn.com/interface/_images/payment/eps.png" alt="Pay with EPS" title="Pay with EPS">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
if (typeof(paymentInit) === "undefined") {
$('#orderBtn').unbind("click");
$('#orderBtn, .payBtn').click(function() {
if ($('input[name=paymentType]').is(':checked') == false) {
showInformationDialog("Du hast es fast geschafft!", "Bitte wähle eine Zahlungsart aus");
return false;
}
});
$('input[name=paymentType][type=radio]').change(function() {
$('#order_form').attr('action', '/en/shop/order/submit/checkout/');
if ($(this).val() == "micropayment_handypay") {
$('#orderBtn').css('display', 'none');
$('.pmnt[data-value=micropayment_handypay]').click();
$('#paymentModalBtn').fadeIn();
} else if ($(this).val() == "micropayment_call2pay") {
$('#orderBtn').css('display', 'none');
$('.pmnt[data-value=micropayment_call2pay]').click();
$('#paymentModalBtn').fadeIn();
} else if ($(this).val() == "account") {
$('#orderBtn').css('display', 'none');
$('#paymentModalBtn').fadeIn();
} else {
$('#paymentModalBtn').css('display', 'none');
$('#orderBtn').fadeIn();
}
if ($(this).val() == "giropay") {
$('#giropayWrapper').fadeIn();
$('#giropayEpsWrapper').fadeOut();
} else if ($(this).val() == "giropay_eps") {
$('#giropayEpsWrapper').fadeIn();
$('#giropayWrapper').fadeOut();
} else {
$('#giropayWrapper').fadeOut();
$('#giropayEpsWrapper').fadeOut();
}
});
$('#field_2 input[type=radio]').change(function() {
$('#field_2 .product-checkbox').removeClass('active');
if ($(this).is(':checked')) $(this).parent().parent().parent().addClass('active');
});
$('#field_2 .product-checkbox').click(function(evt) {
var radio = $(this).find('input[type=radio]');
radio.prop('checked', true).change();
/*if (radio.val() == "account") {
radio.prop('checked', true).change();
}
else {
evt.stopPropagation();
evt.preventDefault();
return false;
}*/
});
$('#field_2 input[type=checkbox]').click(function() {
e.stopPropagation();
});
$('#payment_account').change();
}
var paymentInit = true;
});
</script>
<div id="share-config-modal" class="modal " tabindex="-1" role="dialog" data-priority="2">
<div class="modal-box modal-box-success ">
<div class="modal-box-content">
<div class="modal-box-left">
<i class="modal-box-icon fa fa-share-alt"></i>
</div>
<div class="modal-box-right">
<h3>Share configuration</h3>
<p id="runtime-modal-description" class="modal-box-main-description"> By clicking on the button below, you can copy a link to your clipboard and send it to your friends so that they can have and order the selected product with
the same configuration as yours. </p>
<section class="buyprocess-form margin-top-20px">
<textarea name="share-link"></textarea>
</section>
</div>
</div>
<footer>
<div class="modal-box-footer-right">
<a class="action-negative" data-dismiss="modal">
Abort
</a>
<span id="share-config-copy-button" class="button button-positive modal-box-footer-action-positive"> Copy </span>
</div>
</footer>
</div>
</div>
<script>
var descriptionList = [];
var accountBalance = 0;
var productPrice = 0
$('.payment-methods-option').each(function() {
var _self = $(this);
$.getJSON('/interface/shop/product/_ajax/json_productConfig.php?provider=' + $(this).data('payment-method'), function(result) {
descriptionList[_self.data('payment-method')] = result.data.description;
});
});
var paymentMethodOptionTimeout;
$('.payment-methods-option').click(function() {
if ($(this).hasClass('disabled')) {
if ($(this).data('unavailable-notice')) {
showInformationDialog("Attention", $(this).data('unavailable-notice'), false);
}
return true;
}
var paymentOption = $(this);
$(this).closest('.payment-methods').find('input[name=paymentType]').val($(this).data('payment-type'));
paymentMethodOptionTimeout = clearTimeout(paymentMethodOptionTimeout);
if ($(this).data('payment-method') !== $('.payment-methods-option.payment-methods-option-checked').data('payment-method')) {
$('.payment-methods-option.payment-methods-option-checked').toggleClass('payment-methods-option-checked');
$(this).toggleClass('payment-methods-option-checked');
$('.payment-methods-option-modal').collapse('hide');
$('.payment-methods-option-modal').on('hidden.bs.collapse', function() {
$(this).remove();
});
if ($(this).hasClass('disabled-by-currency')) {
let errorElement = '<div class="payment-methods-option-modal collapse ' + paymentOption.data('payment-method').toLowerCase() + '">' +
' <div class="payment-methods-option-modal-info payment-methods-option-modal-info-first display-flex margin-bottom-10px">\n' + ' <i class="fa fa-info-circle payment-methods-option-modal-info-icon"></i>\n' +
' <p>Unfortunately, this payment method is not available for the selected currency <b>%currency%</b>. You can use one of the following currencies if you want to pay with %method%.</p>\n' + ' </div>' +
' <ul class="payment-method-availability-list margin-top-25px">\n';
let availableCurrencies = $(this).closest('.payment-method-unavailable').data('available-with');
console.log(availableCurrencies);
if (typeof availableCurrencies === 'object') {
for (const currency in availableCurrencies) {
if (!availableCurrencies.hasOwnProperty(currency)) {
continue;
}
errorElement += '<a href="/currency/' + availableCurrencies[currency] + '/">' + '<li>' + currency + ' (' + availableCurrencies[currency] + ')</li>';
}
}
errorElement += '</div>\n</ul>'
errorElement = errorElement.replace('%currency%', Currency.name + ' (' + Currency.symbol + ')')
errorElement = errorElement.replace('%method%', $(this).data("payment-method"));
$(errorElement).appendTo(paymentOption.parent()).collapse('show');
return;
}
if ($(this).hasClass('disabled-by-product')) {
let errorElement = '<div class="payment-methods-option-modal collapse ' + paymentOption.data('payment-method').toLowerCase() + '">' +
' <div class="payment-methods-option-modal-info payment-methods-option-modal-info-first display-flex margin-bottom-10px">\n' + ' <i class="fa fa-info-circle payment-methods-option-modal-info-icon"></i>\n' +
' <p>Unfortunately, this payment method is not available for the selected product.</p>\n' + ' </div>' + ' <ul class="payment-method-availability-list margin-top-25px">\n';
errorElement += '</div>\n</ul>'
errorElement = errorElement.replace('%method%', $(this).data("payment-method"));
$(errorElement).appendTo(paymentOption.parent()).collapse('show');
return;
}
$('<div class="payment-methods-option-modal collapse ' + paymentOption.data('payment-method').toLowerCase() + '">\n' + ' <div class="row">\n' +
' <div class="alert alert-new alert-new-error consent-error" role="alert" style="margin: 0 12px 15px 12px; display: none">\n' +
' <span class="alert-new-message">Please confirm that you agree.</span>\n' + ' <div class="alert-new-drop">\n' +
' <i class="fa fa-exclamation-triangle"></i>\n' + ' </div>\n' + ' </div>\n' +
' <div class="col-xs-12">\n' +
' <div class="payment-methods-option-modal-info payment-methods-option-modal-info-first display-flex margin-bottom-10px">\n' +
' <i class="fa fa-info-circle payment-methods-option-modal-info-icon"></i>\n' + ' <p>' + descriptionList[$(this).data("payment-method")] +
'</p>\n' + ' </div>\n' + ' </div>\n' + ' <div class="col-xs-12 margin-bottom-10px">' +
' <div class="payment-methods-option-modal-info payment-methods-option-modal-info-small display-flex">\n' +
' <div class="form-input-style-checkbox margin-top-0 margin-right-5px align-self-center">' +
' <input id="terms-consent" type="checkbox" name="terms-consent">' +
' <label class="margin-bottom-0" for="terms-consent"><span></span></label>' + ' </div>' +
' <p>I agree to the <a href="https://zap-hosting.com/en/terms/" title="AGB der ZAP-Hosting GmbH & Co. KG lesen" target="_blank">general terms and conditions of ZAP-Hosting GmbH & Co KG.</a> </p>\n' +
' </div>\n' + ' </div>' + ' <div class="col-xs-12">' +
' <div class="payment-methods-option-modal-info payment-methods-option-modal-info-small display-flex">\n' +
' <div class="form-input-style-checkbox margin-top-0 margin-right-5px align-self-center">' +
' <input id="privacy-consent" type="checkbox" name="privacy-consent">' +
' <label class="margin-bottom-0" for="privacy-consent"><span></span></label>' + ' </div>' +
' <p>I agree to the <a href="https://zap-hosting.com/en/privacy-policy/" title="Datenschutzbestimmungen der ZAP-Hosting GmbH & Co. KG lesen" target="_blank">privacy policy of ZAP-Hosting GmbH & Co KG.</a> </p>\n' +
' </div>\n' + ' </div>\n' + ' <div class="col-xs-12">\n' +
' <span class="payment-methods-option-modal-price">--.--</span>\n' +
' <div class="payment-methods-option-price-detail fine-print display-block text-align-center" style="display: none;">Price after the first term <span class="actual-price"></span></div>' +
' <span class="payment-methods-option-modal-price-after"><span class="original-price"></span>incl. 19 % VAT</span>\n' + ' </div>\n' +
' <div class="col-xs-12">\n' + ' <div class="payment-methods-option-finish">\n' +
' <div class="payment-methods-option-finish-voucher-form">\n' +
' <input type="text" name="voucher" placeholder="Enter code" class="form-input-style form-input-style-dark">\n' +
' <input type="submit" value="Redeem" class="form-input-style-submit">\n' + ' </div>\n' +
' <span class="voucher-result" style="display:none"></span>' + ' <a href="#" title="Apply a voucher to your order">\n' +
' <span class="payment-methods-option-finish-voucher">Use voucher</span>\n' + ' </a>\n' +
' <input type="hidden" name="shopSubmit" value="1">' +
' <button class="payment-methods-option-finish-submit" type="button" name="btnSubmit">\n' +
' <span>Buy now</span><i class="fa fa-chevron-right"></i>\n' + ' </button>\n' + ' </div>\n' +
' </div>\n' + ' <div class="col-xs-12 margin-bottom-10px">\n' +
' <span class="share-config font-size-12px cursor-pointer color-999"><i class="fa fa-share-alt margin-right-5px"></i>Share configuration</span>' +
' </div>\n' + ' <div class="col-xs-12">\n' +
' <div class="payment-methods-option-modal-info payment-methods-option-modal-info-small display-flex">\n' +
' <i class="fa fa-check-circle payment-methods-option-modal-info-icon"></i>\n' +
' <p>I wish the complete execution of the service before the expiry of the right of withdrawal according to the Distance Selling Act. The automatic set-up and provision of the service leads to the expiry of the right of withdrawal.</p>\n' +
' </div>\n' + ' </div>\n' + ' </div>\n' + ' </div>').appendTo(paymentOption.parent()).collapse('show');
if ($(this).data('payment-method') === 'PayPal' && $(this).data('recurring-active') == 1) {
var checkString = '';
var noticeClass = '';
if ($('#option_contract').is(':checked')) {
checkString = 'checked';
}
if ($(this).data('payment-method') === 'credit_card') {
noticeClass = 'hidden';
}
} else {
if ($(this).data('payment-method') === 'Call2Pay' || $(this).data('payment-method') === 'Handypay' || ($(this).data('payment-method') === 'Balance' && accountBalance < productPrice)) {
$(document).ready(function() {
$('.payment-methods-option-finish-submit').html('<span>Cash in</span><i class="fa fa-chevron-right"></i>').addClass('no-upgrade-change');
});
}
}
if ($('#field_1 input:checked').val() === 'prepaid') {
$('#productForm input[name=recurring]').prop('checked', false).closest('.payment-methods-option-finish-paypal-subscription').hide();
} else if ($('#field_1 input:checked').val() === 'contract') {
$('#productForm input[name=recurring]').prop('checked', true).closest('.payment-methods-option-finish-paypal-subscription').show();
}
$('.payment-methods-option-modal').collapse('show');
paymentMethodOptionTimeout = setTimeout(function() {
if (typeof(computePrice) !== "undefined") {
computePrice();
}
}, 500);
}
});
var shareLink;
$(document).on('click', '.share-config', function() {
$.getJSON('/interface/shop/product/_ajax/json_getShareLink.php', function(response) {
shareLink = response.data.link;
$('#share-config-modal').find('textarea').html(shareLink);
$(document).ready(function() {
var priority = 2;
var openModalPriority = $('.modal.in').data('priority');
if (typeof openModalPriority !== 'undefined') {
if (priority > openModalPriority || priority === openModalPriority) {
$('.modal.in').modal('hide');
$('.modal#share-config-modal').modal('show');
}
} else {
$('.modal#share-config-modal').modal('show');
}
});
});
});
$(document).on('click', '#share-config-copy-button', function() {
$('#share-config-modal').find('textarea').select();
document.execCommand('copy');
$('#share-config-modal').modal('hide');
});
$(document).on('click', '.payment-methods-option-finish-voucher', function(event) {
$(this).parent().parent().find('.payment-methods-option-finish-voucher-form').css('display', 'flex');
$(this).slideUp(500);
event.preventDefault();
});
var paymentSubmitButtonText;
$(document).off('click', '.payment-methods-option-finish-submit');
function submitOrder(event, button) {
var submitEvent = event;
paymentSubmitButtonText = button.html();
button.prop('disabled', true);
button.html('<span class="fa fa-refresh fa-spin"></span>');
var termsConsent = $('#terms-consent');
var privacyConsent = $('#privacy-consent');
if (button.closest('form').find('.configuration-module.active .product-slider-input[data-required]').length) {
let invalidInput = null,
invalidOption = false;
button.closest('form').find('.configuration-module.active .product-slider-input[data-required]').each(function() {
let input = $(this),
value = input.val() || '',
validValues = (input.data('values') || '').split(',');
if (value === '' || validValues.indexOf(value) === -1) {
invalidInput = input;
invalidOption = validValues.indexOf(value) === -1;
return false;
}
});
if (invalidInput !== null) {
let configurationModule = invalidInput.closest('.configuration-module');
$('html, body').animate({
scrollTop: (configurationModule.offset().top - 100),
}, 500, null, function() {
let alertRow = invalidInput.closest('.slider-fancy').find('.alert-row');
if (!alertRow.find('.invalid-option-error').length || alertRow.find('.invalid-option-error').is(':visible')) {
return;
}
alertRow.find('.empty-value-message').hide();
alertRow.find('.invalid-value-message').hide();
if (invalidInput.val() === '') {
alertRow.find('.empty-value-message').show();
} else {
alertRow.find('.invalid-value-message').show();
alertRow.find('.invalid-value-message').html(alertRow.find('.invalid-value-message').data('message').replace('%invalid_option%', escape(invalidInput.val())));
}
alertRow.find('.invalid-option-error').show();
});
button.prop('disabled', false);
$('.payment-methods-option-finish-submit').html(paymentSubmitButtonText);
return false;
}
}
if (!termsConsent.prop('checked')) {
button.prop('disabled', false);
$('.payment-methods-option-finish-submit').html(paymentSubmitButtonText);
termsConsent.closest('.payment-methods-option-modal-info').addClass('alerting');
setTimeout(function() {
termsConsent.closest('.payment-methods-option-modal-info').removeClass('alerting');
}, 3000);
termsConsent.closest('.row').find('.consent-error').show();
return false;
}
if (!privacyConsent.prop('checked')) {
button.prop('disabled', false);
$('.payment-methods-option-finish-submit').html(paymentSubmitButtonText);
privacyConsent.closest('.payment-methods-option-modal-info').addClass('alerting');
setTimeout(function() {
privacyConsent.closest('.payment-methods-option-modal-info').removeClass('alerting');
}, 3000);
termsConsent.closest('.row').find('.consent-error').show();
return false;
}
var option = button.closest('.payment-methods-option-modal').parent().find('.payment-methods-option');
if (option.data('payment-method') === 'Call2Pay' || option.data('payment-method') === 'Handypay' || (option.data('payment-method') === 'Balance' && accountBalance < productPrice)) {
event.preventDefault();
event.stopImmediatePropagation();
if (isAuthenticated) {
button.prop('disabled', false);
$('.payment-methods-option-finish-submit').html(paymentSubmitButtonText);
openPaymentModal();
} else {
register(function() {
openPaymentModal();
});
}
return false;
}
var missingInput = false;
if (isAuthenticated === false) {
option = button.closest('.payment-methods-option-modal').parent().find('.payment-methods-option');
var registeredOnlyPaymentMethods = ['Balance', ];
if (registeredOnlyPaymentMethods.includes(option.data('payment-method'))) {
$(document).ready(function() {
register();
button.prop('disabled', false);
$('.payment-methods-option-finish-submit').html(paymentSubmitButtonText);
});
event.stopImmediatePropagation();
event.stopPropagation();
event.preventDefault();
return false;
}
if ($('.buyprocess-form-registration').length > 0) {
if (!checkForMissingRegistrationInputFields()) {
missingInput = true;
}
} else if ($('.buyprocess-form-login').length > 0) {
missingInput = true;
}
if (missingInput || !checkPasswords()) {
if (missingInput) {
$('.buyprocess-form-account input').each(function() {
$(this).addClass('input-error');
});
} else {
$('#user-errors .alert-new-message').html('The passwords are not equal.').parent().fadeIn(400);
$('.buyprocess-form-registration input[type=password]').addClass('input-error');
}
scrollto('.buyprocess-form-account:visible');
$('.payment-methods-option-finish-submit').html(paymentSubmitButtonText);
button.prop('disabled', false);
event.stopImmediatePropagation();
event.stopPropagation();
event.preventDefault();
return false;
}
}
$('#productForm').submit();
return true;
}
$(document).on('click', '.payment-methods-option-finish-submit', function(event) {
submitOrder(event, $(this));
});
</script>
<div id="payment-options-buy-process">
<input type="hidden" name="paymentOptions"
value="eyJzaG9wUHJvY2VzcyI6MSwiYWNjb3VudCI6eyJhY3RpdmUiOnRydWUsIm5vdGljZSI6bnVsbH0sInBheXBhbCI6eyJyZWN1cnJpbmciOnRydWUsImFjdGl2ZSI6dHJ1ZX0sImNyZWRpdF9jYXJkIjp7InJlY3VycmluZyI6dHJ1ZSwiYWN0aXZlIjp0cnVlLCJjaGVja1ByaWNlIjpmYWxzZX0sImNoZWNrb3V0LXVybCI6IlwvZW5cL3Nob3BcL29yZGVyXC9zdWJtaXRcL2NoZWNrb3V0XC8iLCJwYXltZW50LXJlZGlyZWN0Ijp7ImNhbmNlbCI6IlwvZW5cL3Nob3BcL29yZGVyXC9zdWJtaXRcL2NhbmNlbFwvIn0sImFnYkNoZWNrIjpmYWxzZSwibGF5b3V0IjoiZGVmYXVsdCIsImhlYWRsaW5lIjp7ImFjdGl2ZSI6dHJ1ZSwidGV4dCI6IlphaGx1bmdzbWl0dGVsIn0sInBheW1lbnROZXR3b3JrIjp7ImFjdGl2ZSI6ZmFsc2V9LCJwYXlzYWZlY2FyZCI6eyJhY3RpdmUiOmZhbHNlfSwiY29pbmlmeSI6eyJhY3RpdmUiOmZhbHNlfSwibWljcm9wYXltZW50X2hhbmR5cGF5Ijp7ImFjdGl2ZSI6ZmFsc2V9LCJtaWNyb3BheW1lbnRfY2FsbDJwYXkiOnsiYWN0aXZlIjpmYWxzZX0sImdpcm9wYXkiOnsiYWN0aXZlIjpmYWxzZX0sImdpcm9wYXlfZXBzIjp7ImFjdGl2ZSI6ZmFsc2V9LCJiYW5rX3RyYW5zZmVyIjp7ImFjdGl2ZSI6ZmFsc2V9LCJtb2xsaWUiOnsiYWN0aXZlIjp0cnVlfSwicGF5bWVudHdhbGwiOnsiYWN0aXZlIjpmYWxzZX0sImNyeXB0byI6eyJhY3RpdmUiOnRydWV9LCJhbW91bnQiOiIzLjkwIiwiYWNjb3VudE92ZXJ2aWV3Ijp0cnVlLCJzaG9wRGlyZWN0UGF5IjoxLCJyZXR1cm4tdXJsIjoiIiwib3JkZXIiOnsiYWNjb3VudGluZyI6ImNvbnRyYWN0IiwicnVudGltZVN1bSI6eyJuZXR0byI6My4yNzczMTA5MjQzNjk3LCJ0YXgiOjAuNjIyNjg5MDc1NjMwMjQyOCwiYnJ1dHRvIjozLjg5OTk5OTk5OTk5OTk0MjZ9fX0=">
<input type="hidden" name="paymentOptionsHash" value="67139906d79864e29e4da8e29a45af58">
</div>
</div>
</div>
<div class="col-xs-12">
<hr>
<section class="display-flex flex-wrap-wrap position-relative z-index-1">
<div class="display-flex align-items-center flex-direction-column width-100">
<h3 class="content-title margin-top-0 margin-bottom-0 text-center"> What our customers say (Webspace Ratings) </h3>
</div>
<div class="display-flex align-items-center margin-top-75px flex-direction-column width-100">
<div class="row display-flex justify-content-center width-100">
<div class="col-xs-12 col-md-9">
<div class="width-100">
<div class="display-flex justify-content-center rating rating-big">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star-half star"></i>
</div>
<p class="fine-print display-block width-1000 text-center margin-top-20px margin-bottom-0"> with a <strong>Trust Score of</strong> <strong>4.6</strong> out of <strong>5</strong><br>powered by </p>
<div class="display-flex justify-content-center margin-top-20px">
<a href="https://de.trustpilot.com/review/zap-hosting.com" rel="noreferrer" target="_blank" title="ZAP-Hosting Bewertungen auf Trustpilot">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1132.8 278.2" style="enable-background:new 0 0 1132.8 278.2;height: 28px;" xml:space="preserve">
<style type="text/css">
.st0{fill:#191919;}
.st1{fill:#00B67A;}
.st2{fill:#005128;}
</style>
<g id="Type">
<g>
<path class="st0" d="M297.7,98.6h114.7V120h-45.1v120.3h-24.8V120h-44.9V98.6z M407.5,137.7h21.2v19.8h0.4c0.7-2.8,2-5.5,3.9-8.1 c1.9-2.6,4.2-5.1,6.9-7.2c2.7-2.2,5.7-3.9,9-5.3c3.3-1.3,6.7-2,10.1-2c2.6,0,4.5,0.1,5.5,0.2c1,0.1,2,0.3,3.1,0.4v21.8 c-1.6-0.3-3.2-0.5-4.9-0.7c-1.7-0.2-3.3-0.3-4.9-0.3c-3.8,0-7.4,0.8-10.8,2.3c-3.4,1.5-6.3,3.8-8.8,6.7c-2.5,3-4.5,6.6-6,11 c-1.5,4.4-2.2,9.4-2.2,15.1v48.8h-22.6V137.7z M571.5,240.3h-22.2V226h-0.4c-2.8,5.2-6.9,9.3-12.4,12.4 c-5.5,3.1-11.1,4.7-16.8,4.7c-13.5,0-23.3-3.3-29.3-10c-6-6.7-9-16.8-9-30.3v-65.1H504v62.9c0,9,1.7,15.4,5.2,19.1 c3.4,3.7,8.3,5.6,14.5,5.6c4.8,0,8.7-0.7,11.9-2.2c3.2-1.5,5.8-3.4,7.7-5.9c2-2.4,3.4-5.4,4.3-8.8c0.9-3.4,1.3-7.1,1.3-11.1v-59.5 h22.6V240.3z M610,207.4c0.7,6.6,3.2,11.2,7.5,13.9c4.4,2.6,9.6,4,15.7,4c2.1,0,4.5-0.2,7.2-0.5c2.7-0.3,5.3-1,7.6-1.9 c2.4-0.9,4.3-2.3,5.9-4.1c1.5-1.8,2.2-4.1,2.1-7c-0.1-2.9-1.2-5.3-3.2-7.1c-2-1.9-4.5-3.3-7.6-4.5c-3.1-1.1-6.6-2.1-10.6-2.9 c-4-0.8-8-1.7-12.1-2.6c-4.2-0.9-8.3-2.1-12.2-3.4c-3.9-1.3-7.4-3.1-10.5-5.4c-3.1-2.2-5.6-5.1-7.4-8.6c-1.9-3.5-2.8-7.8-2.8-13 c0-5.6,1.4-10.2,4.1-14c2.7-3.8,6.2-6.8,10.3-9.1c4.2-2.3,8.8-3.9,13.9-4.9c5.1-0.9,10-1.4,14.6-1.4c5.3,0,10.4,0.6,15.2,1.7 c4.8,1.1,9.2,2.9,13.1,5.5c3.9,2.5,7.1,5.8,9.7,9.8c2.6,4,4.2,8.9,4.9,14.6h-23.6c-1.1-5.4-3.5-9.1-7.4-10.9 c-3.9-1.9-8.4-2.8-13.4-2.8c-1.6,0-3.5,0.1-5.7,0.4c-2.2,0.3-4.2,0.8-6.2,1.5c-1.9,0.7-3.5,1.8-4.9,3.2c-1.3,1.4-2,3.2-2,5.5 c0,2.8,1,5,2.9,6.7c1.9,1.7,4.4,3.1,7.5,4.3c3.1,1.1,6.6,2.1,10.6,2.9c4,0.8,8.1,1.7,12.3,2.6c4.1,0.9,8.1,2.1,12.1,3.4 c4,1.3,7.5,3.1,10.6,5.4c3.1,2.3,5.6,5.1,7.5,8.5c1.9,3.4,2.9,7.7,2.9,12.7c0,6.1-1.4,11.2-4.2,15.5c-2.8,4.2-6.4,7.7-10.8,10.3 c-4.4,2.6-9.4,4.6-14.8,5.8c-5.4,1.2-10.8,1.8-16.1,1.8c-6.5,0-12.5-0.7-18-2.2c-5.5-1.5-10.3-3.7-14.3-6.6c-4-3-7.2-6.7-9.5-11.1 c-2.3-4.4-3.5-9.7-3.7-15.8H610z M684.6,137.7h17.1v-30.8h22.6v30.8h20.4v16.9h-20.4v54.8c0,2.4,0.1,4.4,0.3,6.2 c0.2,1.7,0.7,3.2,1.4,4.4c0.7,1.2,1.8,2.1,3.3,2.7c1.5,0.6,3.4,0.9,6,0.9c1.6,0,3.2,0,4.8-0.1c1.6-0.1,3.2-0.3,4.8-0.7v17.5 c-2.5,0.3-5,0.5-7.3,0.8c-2.4,0.3-4.8,0.4-7.3,0.4c-6,0-10.8-0.6-14.4-1.7c-3.6-1.1-6.5-2.8-8.5-5c-2.1-2.2-3.4-4.9-4.2-8.2 c-0.7-3.3-1.2-7.1-1.3-11.3v-60.5h-17.1V137.7z M760.7,137.7h21.4v13.9h0.4c3.2-6,7.6-10.2,13.3-12.8c5.7-2.6,11.8-3.9,18.5-3.9 c8.1,0,15.1,1.4,21.1,4.3c6,2.8,11,6.7,15,11.7c4,5,6.9,10.8,8.9,17.4c2,6.6,3,13.7,3,21.2c0,6.9-0.9,13.6-2.7,20 c-1.8,6.5-4.5,12.2-8.1,17.2c-3.6,5-8.2,8.9-13.8,11.9c-5.6,3-12.1,4.5-19.7,4.5c-3.3,0-6.6-0.3-9.9-0.9c-3.3-0.6-6.5-1.6-9.5-2.9 c-3-1.3-5.9-3-8.4-5.1c-2.6-2.1-4.7-4.5-6.5-7.2h-0.4v51.2h-22.6V137.7z M839.7,189.1c0-4.6-0.6-9.1-1.8-13.5 c-1.2-4.4-3-8.2-5.4-11.6c-2.4-3.4-5.4-6.1-8.9-8.1c-3.6-2-7.7-3.1-12.3-3.1c-9.5,0-16.7,3.3-21.5,9.9c-4.8,6.6-7.2,15.4-7.2,26.4 c0,5.2,0.6,10,1.9,14.4c1.3,4.4,3.1,8.2,5.7,11.4c2.5,3.2,5.5,5.7,9,7.5c3.5,1.9,7.6,2.8,12.2,2.8c5.2,0,9.5-1.1,13.1-3.2 c3.6-2.1,6.5-4.9,8.8-8.2c2.3-3.4,4-7.2,5-11.5C839.2,198,839.7,193.6,839.7,189.1z M879.6,98.6h22.6V120h-22.6V98.6z M879.6,137.7h22.6v102.6h-22.6V137.7z M922.4,98.6H945v141.7h-22.6V98.6z M1014.3,243.1c-8.2,0-15.5-1.4-21.9-4.1 c-6.4-2.7-11.8-6.5-16.3-11.2c-4.4-4.8-7.8-10.5-10.1-17.1c-2.3-6.6-3.5-13.9-3.5-21.8c0-7.8,1.2-15,3.5-21.6 c2.3-6.6,5.7-12.3,10.1-17.1c4.4-4.8,9.9-8.5,16.3-11.2c6.4-2.7,13.7-4.1,21.9-4.1c8.2,0,15.5,1.4,21.9,4.1 c6.4,2.7,11.8,6.5,16.3,11.2c4.4,4.8,7.8,10.5,10.1,17.1c2.3,6.6,3.5,13.8,3.5,21.6c0,7.9-1.2,15.2-3.5,21.8 c-2.3,6.6-5.7,12.3-10.1,17.1c-4.4,4.8-9.9,8.5-16.3,11.2C1029.8,241.7,1022.5,243.1,1014.3,243.1z M1014.3,225.2 c5,0,9.4-1.1,13.1-3.2c3.7-2.1,6.7-4.9,9.1-8.3c2.4-3.4,4.1-7.3,5.3-11.6c1.1-4.3,1.7-8.7,1.7-13.2c0-4.4-0.6-8.7-1.7-13.1 c-1.1-4.4-2.9-8.2-5.3-11.6c-2.4-3.4-5.4-6.1-9.1-8.2c-3.7-2.1-8.1-3.2-13.1-3.2c-5,0-9.4,1.1-13.1,3.2c-3.7,2.1-6.7,4.9-9.1,8.2 c-2.4,3.4-4.1,7.2-5.3,11.6c-1.1,4.4-1.7,8.7-1.7,13.1c0,4.5,0.6,8.9,1.7,13.2c1.1,4.3,2.9,8.2,5.3,11.6c2.4,3.4,5.4,6.2,9.1,8.3 C1004.9,224.2,1009.3,225.2,1014.3,225.2z M1072.7,137.7h17.1v-30.8h22.6v30.8h20.4v16.9h-20.4v54.8c0,2.4,0.1,4.4,0.3,6.2 c0.2,1.7,0.7,3.2,1.4,4.4c0.7,1.2,1.8,2.1,3.3,2.7c1.5,0.6,3.4,0.9,6,0.9c1.6,0,3.2,0,4.8-0.1c1.6-0.1,3.2-0.3,4.8-0.7v17.5 c-2.5,0.3-5,0.5-7.3,0.8c-2.4,0.3-4.8,0.4-7.3,0.4c-6,0-10.8-0.6-14.4-1.7c-3.6-1.1-6.5-2.8-8.5-5c-2.1-2.2-3.4-4.9-4.2-8.2 c-0.7-3.3-1.2-7.1-1.3-11.3v-60.5h-17.1V137.7z"></path>
</g>
</g>
<g id="Star">
<polygon class="st1" points="271.3,98.6 167.7,98.6 135.7,0 103.6,98.6 0,98.5 83.9,159.5 51.8,258 135.7,197.1 219.5,258 187.5,159.5 271.3,98.6 271.3,98.6 271.3,98.6 "></polygon>
<polygon class="st2" points="194.7,181.8 187.5,159.5 135.7,197.1"></polygon>
</g>
</svg>
</a>
</div>
<div id="trustpilot-review-ratings" class="testimonial-slider margin-top-50px slick-initialized slick-slider"><button type="button" class="slick-button slick-prev slick-arrow"
style=""><i class="fa fa-chevron-left"></i></button>
<div class="slick-list draggable" style="height: 142.984px;">
<div class="slick-track" style="opacity: 1; width: 8899px; transform: translate3d(-809px, 0px, 0px);">
<div class="testimonial slick-slide slick-cloned" data-num="4" data-stars="" data-id="5f4058e32ffa360001be6abd" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="Real Actimel's Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">Real Actimel</span>
<span class="subline">rated on 22.08.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> Absolut gut! </p>
</div>
</div>
<div class="testimonial slick-slide slick-current slick-active" data-num="0" data-stars="" data-id="5fc38c1c2e8e2900016412d2" data-slick-index="0" aria-hidden="false" tabindex="0" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="Grizzly Harper's Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">Grizzly Harper</span>
<span class="subline">rated on 29.11.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> Very good </p>
</div>
</div>
<div class="testimonial slick-slide" data-num="1" data-stars="" data-id="5f77f2f4dd0ac000014db889" data-slick-index="1" aria-hidden="true" tabindex="-1" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="r marsq's Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">r marsq</span>
<span class="subline">rated on 03.10.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> mpacting many industries, and it certainly hasn't been business as usual. We encourage you to look at more than just a
company's TrustScore — visit their profile page and read reviews for context </p>
</div>
</div>
<div class="testimonial slick-slide" data-num="2" data-stars="" data-id="5f76febf51df910001fa36f0" data-slick-index="2" aria-hidden="true" tabindex="-1" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="Matti M.'s Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">Matti M.</span>
<span class="subline">rated on 02.10.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> Just perfect! </p>
</div>
</div>
<div class="testimonial slick-slide" data-num="3" data-stars="" data-id="5f6a6b74cabeff000158ee14" data-slick-index="3" aria-hidden="true" tabindex="-1" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="Noo Gas's Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">Noo Gas</span>
<span class="subline">rated on 22.09.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> Very nice, i have everything i want </p>
</div>
</div>
<div class="testimonial slick-slide" data-num="4" data-stars="" data-id="5f4058e32ffa360001be6abd" data-slick-index="4" aria-hidden="true" tabindex="-1" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="Real Actimel's Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">Real Actimel</span>
<span class="subline">rated on 22.08.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> Absolut gut! </p>
</div>
</div>
<div class="testimonial slick-slide slick-cloned" data-num="0" data-stars="" data-id="5fc38c1c2e8e2900016412d2" data-slick-index="5" id="" aria-hidden="true" tabindex="-1" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="Grizzly Harper's Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">Grizzly Harper</span>
<span class="subline">rated on 29.11.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> Very good </p>
</div>
</div>
<div class="testimonial slick-slide slick-cloned" data-num="1" data-stars="" data-id="5f77f2f4dd0ac000014db889" data-slick-index="6" id="" aria-hidden="true" tabindex="-1" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="r marsq's Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">r marsq</span>
<span class="subline">rated on 03.10.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> mpacting many industries, and it certainly hasn't been business as usual. We encourage you to look at more than just a
company's TrustScore — visit their profile page and read reviews for context </p>
</div>
</div>
<div class="testimonial slick-slide slick-cloned" data-num="2" data-stars="" data-id="5f76febf51df910001fa36f0" data-slick-index="7" id="" aria-hidden="true" tabindex="-1" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="Matti M.'s Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">Matti M.</span>
<span class="subline">rated on 02.10.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> Just perfect! </p>
</div>
</div>
<div class="testimonial slick-slide slick-cloned" data-num="3" data-stars="" data-id="5f6a6b74cabeff000158ee14" data-slick-index="8" id="" aria-hidden="true" tabindex="-1" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="Noo Gas's Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">Noo Gas</span>
<span class="subline">rated on 22.09.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> Very nice, i have everything i want </p>
</div>
</div>
<div class="testimonial slick-slide slick-cloned" data-num="4" data-stars="" data-id="5f4058e32ffa360001be6abd" data-slick-index="9" id="" aria-hidden="true" tabindex="-1" style="width: 809px;">
<div class="sidebar">
<div class="picture">
<img src="https://user-images.trustpilot.com/default/73x73.png" title="Real Actimel's Avatar" width="58px" height="58px">
</div>
</div>
<div class="content">
<div class="meta align-items-center">
<div class="display-flex flex-direction-column flex-1">
<span class="title">Real Actimel</span>
<span class="subline">rated on 22.08.2020</span>
</div>
<div class="display-flex margin-left-10px-sm-up">
<div class="rating">
<i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i><i class="fa fa-star star"></i>
</div>
</div>
</div>
<p class="message hyphens-auto-or-word-break-break-all margin-top-20px margin-bottom-0"> Absolut gut! </p>
</div>
</div>
</div>
</div>
<button type="button" class="slick-button slick-next slick-arrow" style=""><i class="fa fa-chevron-right"></i></button>
</div>
<div class="margin-top-50px dropdown-fancy dropdown-fancy-badge display-flex align-items-center justify-content-center width-100">
<span class="fine-print margin-right-25px hidden-xs">Filter:</span>
<select id="filterRating" style="display: none;">
<option value="0">All (118)</option>
<option value="5" selected="">5 (87)</option>
<option value="4">4 (16)</option>
<option value="3">3 (10)</option>
<option value="2">2 (3)</option>
<option value="1">1 (2)</option>
</select>
<div class="chosen-container chosen-container-single" style="width: auto;" title="" id="filterRating_chosen"><a class="chosen-single" tabindex="-1"><span>5 (87)</span><div><b></b></div></a>
<div class="chosen-drop">
<div class="chosen-search"><input type="text" autocomplete="off"></div>
<ul class="chosen-results"></ul>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context": "http:\/\/schema.org\/",
"@type": "Organization",
"name": "ZAP-Hosting GmbH & Co. KG",
"url": "https:\/\/zap-hosting.com\/en\/",
"logo": "https:\/\/zap-hosting.com\/interface\/customer\/assets\/img\/logo_new.png",
"email": "mailto:info@zap-hosting.com",
"taxID": "DE 301569730",
"address": {
"@type": "PostalAddress",
"addressLocality": "M\u00fcnster",
"addressRegion": "Nordrhein-Westfalen",
"postalCode": "48165",
"streetAddress": "Krokusweg 9a"
},
"aggregateRating": {
"@type": "AggregateRating",
"bestRating": 5,
"ratingValue": 4.6,
"reviewCount": 13888
}
}
</script>
<script type="application/ld+json">
{
"@context": "http:\/\/schema.org\/",
"@type": "Product",
"image": "\/interface\/_images\/icons\/webspace-server.png",
"name": "Webspace",
"aggregateRating": {
"@type": "AggregateRating",
"bestRating": 5,
"ratingValue": 4.6,
"reviewCount": 118
},
"brand": {
"@type": "Brand",
"name": "ZAP-Hosting"
},
"description": "Our Web Hosting packages are set up instantly on fast SSD servers, reliable, secure and easily managed. Get your own Homepage starting at 3.90\u20ac\/m",
"offers": {
"@type": "AggregateOffer",
"availability": "http:\/\/schema.org\/InStock",
"businessFunction": "http:\/\/purl.org\/goodrelations\/v1#LeaseOut",
"lowPrice": "1.18",
"url": "https:\/\/zap-hosting.com\/de\/shop\/product\/webspace\/",
"priceCurrency": "EUR"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https:\/\/schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "Hello I have 2 questions: Is there a possibility to use their Mysql database with SSL encryption? Is it possible to create multiple users in the database itself and assign their rights?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Hi, Plesk unfortunately does not currently support SSl encryption with the SQL database. You can create and edit users directly in the database via Plesk."
}
}]
}
</script>
<script type="application/ld+json">
{
"@context": "https:\/\/schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"name": "ZAP-Hosting.com",
"item": "https:\/\/zap-hosting.com\/en\/",
"position": 1
}, {
"@type": "ListItem",
"name": "Web hosting, cheap and reliable - ZAP-Hosting.com",
"item": "https:\/\/zap-hosting.com\/en\/webhosting\/",
"position": 2
}, {
"@type": "ListItem",
"name": "Web Hosting - Fast, secure and reliable - ZAP-Hosting.com",
"position": 3,
"item": "https:\/\/zap-hosting.com\/en\/webhosting-rent-a-webspace"
}, {
"@type": "ListItem",
"name": "Webspace configuration and order",
"position": 4
}]
}
</script>
<script type="text/javascript">
var reviewAct = 0,
limit = 5,
reviewMax = 5,
currentlyAnimating = false,
cancelled = false,
currentOffset = 0,
activeSlider = false;
function loadReviews(stars, limit) {
let slider = $('.testimonial-slider');
if (activeSlider) {
slider.slick('unslick');
}
slider.html('<div class="display-flex justify-content-center align-items-center padding-top-40px padding-bottom-40px">\n' + ' <i class="fa fa-refresh fa-spin"></i>\n' + ' </div>');
$('#trustpilot-review-ratings').load('/wp-content/plugins/zap-hosting/content/_ajax/html_getTrustpilotReviewsDev.php', {
sku: "ZAP-0007",
lim: limit,
stars: stars,
}, function() {
$('.testimonial-slider').slick({
dots: false,
infinite: true,
speed: 500,
slidesToShow: 1,
adaptiveHeight: true,
prevArrow: '<button type="button" class="slick-button slick-prev"><i class="fa fa-chevron-left"></i></button>',
nextArrow: '<button type="button" class="slick-button slick-next"><i class="fa fa-chevron-right"></i></button>',
});
activeSlider = true;
});
}
function refreshReviewCount(callback) {
$.getJSON('/wp-content/plugins/zap-hosting/content/_ajax/json_getReviewCount.php', {
sku: "ZAP-0007"
}, function(response) {
if (response.result !== 'success') {
return;
}
if (typeof(callback) === 'function') {
callback();
}
let ratingFilter = $('#filterRating');
ratingFilter.find('option').each(function(i, el) {
el = $(el);
el.text(el.text() + ' (' + response.data[parseInt(el.val())] + ')');
});
ratingFilter.trigger('chosen:updated');
});
}
</script>
</div>
</div>
</div>
</div>
</section>
</div>
<script type="text/javascript">
var paymentDescription;
$(document).ready(function() {
$('.chosen').chosen('destroy');
$('.mobile-select').on('focus', function() {
$(this).data('previous', $(this).val());
}).change(function(e) {
var sliderId = $(this).data("slider-id");
var theSlider = sliders[sliderId];
var targetValue = $(this).val();
var sliderValues = theSlider.data("slider-values");
var targetIndex = sliderValues.indexOf(parseInt(targetValue));
if (window.checkMinimumRuntime(sliderId, $(this).find(":selected").data("minimum-runtime"), $(this).find(":selected").text().split(" - ")[0], false)) {
theSlider.slider("option", "value", targetIndex);
window.resetMinimumRuntime();
} else {
$(this).val($(this).data("previous")).change();
e.stopPropagation();
return false;
}
});
$('#shop-nav-icon').attr('src', '/interface/_images/icons/webspace-server.png');
if (history.pushState) {
window.history.pushState("", "", 'https://zap-hosting.com/en/shop/product/webspace/');
}
$('head title').html('Webspace configuration and order');
$('#game-selection').on('change', function() {
selectGame(7, this.value);
});
$('.datepicker-input').datepicker({
format: "dd.mm.yyyy"
});
$('.userbar-container').load('/interface/shop/product/_ajax/html_userBar.php');
$('.chosen').chosen({
search_contains: true,
width: '100%',
});
window.refreshUserBar = function() {
$('.userbar-container').slideUp(500, function() {
$(this).load('/interface/shop/product/_ajax/html_userBar.php', function() {
$(this).slideDown(500);
if (window.accountBalance >= window.productPrice) {
$('.payment-methods-option-finish-submit').html('<span>Buy now</span><i class="fa fa-chevron-right"></i>');
}
});
});
}
window.login = function() {
const username = $('.buyprocess-form-login #username');
const password = $('.buyprocess-form-login #password');
const errors = $('#user-errors');
errors.hide();
if (username.val() === "" || password.val() === "") {
setLoginStatus("USER NOT FOUND");
return false;
}
$.post('/interface/customer/_ajax/json_login.php', {
username: username.val(),
password: password.val(),
'g-recaptcha-response': $('.buyprocess-form-login [name="g-recaptcha-response"]').val(),
login: true,
csrf_token_zap: '5bc053faf40cb334ebd5439d148482175f41a7c1472acaf3',
}, function(data) {
if (data.status === true) {
refreshUserBar();
window.computePrice();
setLoginStatus(data.status, false);
$('#paymentModalContainer').load('/interface/shop/product/_ajax/html_getPaymentModal.php?redirect=');
errors.fadeOut(400);
return;
}
setLoginStatus(data.status, false, '#user-errors .alert-new-message');
$('#user-errors .alert-new-message').css('display', '');
errors.show();
}, 'json');
}
window.register = function(closure) {
const submit = $('.buyprocess-form-registration .buyprocess-form-submit');
const userErrorMessage = $('#user-errors .alert-new-message');
const buttonText = submit.html();
const username = $('.buyprocess-form-registration #username');
const password = $('.buyprocess-form-registration #password');
const paymentMethodsOptionFinishSubmit = $('.payment-methods-option-finish-submit');
let registrationError = false;
submit.html('<span class="fa fa-refresh fa-spin"></span>');
if (!window.checkPasswords()) {
userErrorMessage.html('The passwords are not equal.').parent().fadeIn(400);
$('.buyprocess-form-registration input[type=password]').addClass('input-error');
registrationError = true;
}
if (!window.checkEmail()) {
userErrorMessage.html('The email address is already in use!').parent().fadeIn(400);
$('.buyprocess-form-registration input[type=email]').addClass('input-error');
registrationError = true;
}
if (!window.checkForMissingRegistrationInputFields()) {
$('.buyprocess-form-account input').each(function() {
$(this).addClass('input-error');
});
userErrorMessage.html('Please log in or enter your details in the form to create an account.').parent().fadeIn(400);
registrationError = true;
}
if (registrationError) {
scrollto('.buyprocess-form-account:visible');
paymentMethodsOptionFinishSubmit.html(window.paymentSubmitButtonText);
submit.html(buttonText);
return;
}
$.post('/interface/customer/_ajax/json_register.php', {
'registrationUsername': username.val(),
'registrationMail': $('.buyprocess-form-registration #email').val(),
'registrationPassword': password.val(),
'form': 'shop-register-form',
'registerShop': true,
}, function(data) {
if (data.result === 'success') {
refreshUserBar();
window.computePrice();
setLoginStatus(true, false);
$('#paymentModalContainer').load('/interface/shop/product/_ajax/html_getPaymentModal.php?redirect=', function() {
paymentMethodsOptionFinishSubmit.html(window.paymentSubmitButtonText);
closure();
});
$('#user-errors').fadeOut(400);
} else {
$('#user-errors .alert-new-message').html(data.message).parent().fadeIn(400);
paymentMethodsOptionFinishSubmit.html(window.paymentSubmitButtonText);
}
paymentMethodsOptionFinishSubmit.html(window.paymentSubmitButtonText);
submit.html(buttonText);
}, 'json');
}
window.switchRegistration = function() {
$('.buyprocess-form-registration').slideDown(500);
$('.buyprocess-form-login').slideUp(500);
}
window.switchLogin = function() {
$('.buyprocess-form-registration').slideUp(500);
$('.buyprocess-form-login').slideDown(500).trigger('load.async.recaptcha');
}
$(document).on('click', '.payment-methods-option-finish-voucher-form .form-input-style-submit', function(e) {
$('.voucher-result').html('<i class="fa fa-refresh fa-spin"></i>').show();
const gameId = $('#game_id');
$.post('/interface/shop/order/_ajax/json_postCoupon.php', {
coupon: $('input[name=voucher]').val(),
accounting: $('input[name=accounting]:checked').val(),
payment_method: $('input[name=paymentType]').val(),
payment_period: $('input[data-service-key=order_runtime]').attr("data-service-key-value"),
game_id: (gameId.length ? gameId.val() : null),
}, function(result) {
$('.userbar-container').load('/interface/shop/product/_ajax/html_userBar.php', function() {
window.computePrice();
$('.voucher-result').html(result.message).fadeIn(500);
});
});
e.preventDefault();
});
$('.game-shop-header-2.feature-box .feature-box-drop').click(function() {
if ($(this).hasClass('is--pre-order')) {
return;
}
window.switchGame();
});
});
</script>
</div>
</div>
</div>
<hr>
</div>
</div>
</form>
POST /en/interface/customer/index.php
<form action="/en/interface/customer/index.php" method="POST" id="create-ticket-via-mail-form">
<div id="create-ticket-via-mail-modal" class="modal modal-full-size-on-mobile modal-box-header" tabindex="-1" role="dialog" data-priority="1">
<div class="modal-box modal-box-success ">
<div class="modal-box-content">
<div class="modal-box-left modal-box-title">
<div class="box-title horizontal-centered icon-container-left z-index-2 width-100">
<div class="icon-container">
<i class="fa fa-ticket icon"></i>
</div>
<div class="text-area display-flex flex-direction-column padding-right-25px z-index-10 position-relative">
<div class="h2 main-title margin-top-0 margin-bottom-0">Create ticket via mail</div>
<small class="subtitle margin-top-5px"> average response time: <br>
<strong>2 Hour(s)</strong>
</small>
</div>
</div>
</div>
<div class="modal-box-right">
<div class="row form-new">
<div class="col-xs-12 col-md-4">
<label for="email-form-name">Your name (optional)</label>
<input type="text" name="name" id="email-form-name">
</div>
<div class="col-xs-12 col-md-8 margin-top-10px-sm-down">
<label for="email-form-mail">Your E-Mail</label>
<input type="email" name="email" id="email-form-mail" required="">
</div>
<div class="col-xs-12 margin-top-10px">
<label for="email-form-subject">Subject</label>
<input type="text" name="subject" id="email-form-subject" required="">
</div>
<div class="col-xs-12 margin-top-10px">
<label for="email-form-message">Your message</label>
<textarea name="message" id="email-form-message" rows="10" required=""></textarea>
</div>
<div class="col-xs-12 margin-top-25px">
<div class="async-g-recaptcha registered" data-sitekey="6Lc_U_4ZAAAAAMN31U6-teHfRBKGr4xAVW-Q0MFe" style="min-height:78px;"></div>
</div>
</div>
<input type="hidden" name="verify">
<input type="hidden" name="sendMail" value="1">
</div>
</div>
<footer>
<div class="modal-box-footer-right">
<button type="submit" class="button button-positive">Submit</button>
<button type="button" class="action-negative" data-dismiss="modal"> Abort </button>
</div>
</footer>
</div>
</div>
</form>
POST
<form method="post" action="" id="recaptcha-login-form">
<div id="recaptcha-login" class="modal modal-full-size-on-mobile modal-box-header" tabindex="-1" role="dialog" data-priority="1">
<div class="modal-box modal-box-success ">
<div class="modal-box-content">
<div class="modal-box-left modal-box-title">
<div class="box-title horizontal-centered icon-container-left z-index-2 width-100">
<div class="icon-container">
<i class="far fa-sign-in icon"></i>
</div>
<div class="text-area display-flex flex-direction-column padding-right-25px z-index-10 position-relative">
<div class="h2 main-title margin-top-0 margin-bottom-0">Confirm login</div>
</div>
</div>
</div>
<div class="modal-box-right">
<input type="hidden" name="csrf_token_zap" value="5bc053faf40cb334ebd5439d148482175f41a7c1472acaf3">
<div class="row form-new">
<div class="col-xs-12 col-md-6 margin-top-10px">
<label for="recaptcha-login-name">
<i class="far fa-user"></i> Username / E-Mail </label>
<input type="text" id="recaptcha-login-name" class="form-control" autocomplete="off" spellcheck="false" name="username" required="" placeholder="Username / E-Mail">
</div>
<div class="col-xs-12 col-md-6 margin-top-10px">
<label for="recaptcha-login-password">
<i class="far fa-lock"></i> Password </label>
<input type="password" id="recaptcha-login-password" class="form-control" autocomplete="off" spellcheck="false" name="password" placeholder="Password">
</div>
<div class="col-xs-12 margin-top-25px">
<div class="async-g-recaptcha registered" data-sitekey="6Lc_U_4ZAAAAAMN31U6-teHfRBKGr4xAVW-Q0MFe" style="min-height:78px;"></div>
</div>
</div>
</div>
</div>
<footer>
<div class="modal-box-footer-right">
<button type="submit" name="login" class="button button-positive">Log in</button>
<button type="button" class="action-negative" data-dismiss="modal"> Abort </button>
</div>
</footer>
</div>
</div>
</form>
POST
<form method="post" class="login-form">
<input type="hidden" name="csrf_token_zap" value="5bc053faf40cb334ebd5439d148482175f41a7c1472acaf3"> <input type="hidden" name="login" value="true">
<div class="login-wrapper buyprocess-form">
<div class="row">
<div class="col-xs-12">
<div class="form-group username width-100">
<input type="text" name="username" id="loginUsername" placeholder="Username / E-Mail" autocomplete="off" spellcheck="false">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="form-group password width-100">
<input type="password" name="password" id="loginPassword" placeholder="Password" autocomplete="off" spellcheck="false">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="form-group recaptcha width-100">
<div class="async-g-recaptcha registered" data-sitekey="6Lc_U_4ZAAAAAMN31U6-teHfRBKGr4xAVW-Q0MFe" style="min-height:78px;"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="login-status-wrapper" style="display: none; margin-bottom: 20px;">
<small>
<div class="success" style="display: none;">
<span class="text-center text-success">Logged in successfully!</span>
</div>
<div class="error text-danger" style="display: none;"></div>
<div class="loading">
<img class="lazy-image" data-src="https://zap-cdn.com/interface/_images/loading.gif"> Your login is being checked..
</div>
</small>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<button type="submit" name="login" class="button button-positive button-full-width">Login</button>
</div>
</div>
</div>
<div class="text-center">
<button class="btn btn-link btn-block forgot-password-link" type="button">Forgot your password?</button>
<div class="clearfix"></div>
</div>
</form>
POST
<form id="twofactor-form" method="post" style="display: none">
<div class="login-wrapper">
<p class="panel-description">
<strong>Confirmation required</strong>
</p>
<div class="form-group username">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-mobile"></i></span>
<input type="text" name="twofactor_code" id="twofactor_code" autocomplete="off" spellcheck="false" class="form-control" pattern="[0-9]{6}" required="">
<span class="input-group-btn">
<button class="btn btn-success" id="validateTwoFactor" type="button"><i class="fa fa-check" style="color: white"></i></button>
</span>
</div>
</div>
</div>
</form>
POST /en/shop/register/
<form method="post" class="login-form" action="/en/shop/register/">
<input type="hidden" name="csrf_token_zap" value="5bc053faf40cb334ebd5439d148482175f41a7c1472acaf3">
<div class="login-wrapper buyprocess-form">
<div class="row">
<div class="col-xs-12">
<div class="form-group width-100 username">
<input type="text" name="username" id="registerUsername" placeholder="Username" autocomplete="off" spellcheck="false">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="form-group width-100 username">
<input type="text" name="email" id="registerEmail" placeholder="Email" autocomplete="off" spellcheck="false">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="form-group width-100 password">
<input type="password" name="password" id="registerPassword" placeholder="Password" autocomplete="off" spellcheck="false">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="form-group width-100 password">
<input type="password" name="password_check" id="registerPasswordCheck" placeholder="Password" autocomplete="off" spellcheck="false">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 display-flex justify-content-center">
<div class="g-recaptcha margin-top-20px" data-sitekey="6Leq5hsUAAAAAE5cHSJ8qk6wKIkLfI2b1DGdFKXj" style="min-height:76px;">
<div style="width: 304px; height: 78px;">
<div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-sjeb2ws3zr75" frameborder="0" scrolling="no"
sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Leq5hsUAAAAAE5cHSJ8qk6wKIkLfI2b1DGdFKXj&co=aHR0cHM6Ly96YXAtaG9zdGluZy5jb206NDQz&hl=en&v=QquE1_MNjnFHgZF4HPsEcf_2&size=normal&cb=ydvxrjshvm8b"></iframe>
</div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div><iframe style="display: none;"></iframe>
</div>
</div>
</div>
<input type="hidden" name="form" value="register">
<div class="row">
<div class="col-xs-12">
<button type="submit" name="register" value="register" class="button button-positive button-full-width btn-register">
<span>Sign up! 👋</span>
</button>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="login-status-wrapper" style="display: none; margin-bottom: 20px;">
<small>
<div class="success" style="display: none;">
<span class="text-center text-success">Logged in successfully!</span>
</div>
<div class="error text-danger" style="display: none;"></div>
<div class="loading">
<img class="lazy-image" data-src="https://zap-cdn.com/interface/_images/loading.gif"> Your login is being checked..
</div>
</small>
</div>
</div>
</div>
</div>
<div class="text-center">
<button class="btn btn-link btn-block forgot-password-link" type="button">Forgot your password?</button>
<div class="clearfix"></div>
</div>
<input name="register" value="register" type="hidden">
</form>
POST /en/shop/recover/
<form method="post" class="login-form" action="/en/shop/recover/">
<input type="hidden" name="csrf_token_zap" value="5bc053faf40cb334ebd5439d148482175f41a7c1472acaf3">
<div class="login-wrapper buyprocess-form">
<div class="row">
<div class="col-xs-12">
<div class="form-group width-100 username">
<input type="text" name="username" id="forgotUsername" placeholder="Username / E-Mail" autocomplete="off" spellcheck="false">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<button type="submit" name="recoverPasswordUser" value="1" class="button button-positive button-full-width">
<span>Reset</span>
</button>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="login-status-wrapper" style="display: none; margin-bottom: 20px;">
<small>
<div class="success" style="display: none;">
<span class="text-center text-success">Logged in successfully!</span>
</div>
<div class="error text-danger" style="display: none;"></div>
<div class="loading">
<img class="lazy-image" data-src="https://zap-cdn.com/interface/_images/loading.gif"> Your login is being checked..
</div>
</small>
</div>
</div>
</div>
</div>
<input name="recoverPasswordUser" value="1" type="hidden">
</form>
POST /en/shop/product/webspace/
<form role="form" data-toggle="validator" data-disable="true" id="changeUserPassword_form" method="post" action="/en/shop/product/webspace/">
<input type="hidden" name="csrf_token_zap" value="5bc053faf40cb334ebd5439d148482175f41a7c1472acaf3">
<div id="change-user-password-modal" class="modal " tabindex="-1" role="dialog" data-priority="1">
<div class="modal-box modal-box-info ">
<div class="modal-box-content">
<div class="modal-box-left">
<i class="modal-box-icon fa fa-shield"></i>
</div>
<div class="modal-box-right">
<div class="h3">Change password</div>
<div class="buyprocess-form">
<div class="form-group">
<label for="oldPassword">Old Password:</label>
<input type="password" id="oldPassword" name="old_passwd" placeholder="Old Password" required="">
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<label for="registerPassword">Password:</label>
<input type="password" id="changeUserPassword_password" name="new_passwd" placeholder="Passwort" required="">
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Retype password:</label>
<input type="password" name="password_check" placeholder="Passwort bestätigen" required="">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
</div>
<footer>
<div class="modal-box-footer-right">
<button type="button" class="action-negative" data-dismiss="modal"> Abort </button>
<button type="submit" name="changeUserPassword" class="button button-positive modal-box-footer-action-positive"> Change password </button>
</div>
</footer>
</div>
</div>
</form>
POST /en/customer/home/cashbox/
<form id="coupon_form" role="form" method="post" action="/en/customer/home/cashbox/">
<div class="buyprocess-form">
<input type="text" name="code" id="coupon_code">
</div>
<input type="hidden" name="addCoupon">
</form>
POST /en/customer/home/cashin/process/
<form id="customer-package-extend-form" method="post" action="/en/customer/home/cashin/process/">
<div id="package-extend-payment-modal" class="modal " tabindex="-1" role="dialog" data-priority="3">
<div class="modal-box modal-box-success ">
<div class="modal-box-content">
<div class="modal-box-left">
<i class="modal-box-icon fa fa-key"></i>
</div>
<div class="modal-box-right">
<h3 class="title">Package change</h3>
<div id="package-extend-payment-container"></div>
</div>
</div>
<footer>
<div class="modal-box-footer-right">
<a class="action-negative" data-dismiss="modal">
Abort </a>
<button id="customer-package-extend-pay-button" type="submit" class="button button-positive payBtn hidden" name="extendPackage"> Buy now </button>
</div>
</footer>
</div>
</div>
</form>
POST /en/customer/home/packageList/
<form method="post" action="/en/customer/home/packageList/">
<input type="hidden" name="csrf_token_zap" value="5bc053faf40cb334ebd5439d148482175f41a7c1472acaf3">
<div id="package-disable-autorenewal-modal" class="modal " tabindex="-1" role="dialog" data-priority="2">
<div class="modal-box modal-box-error ">
<div class="modal-box-content">
<div class="modal-box-left">
<i class="modal-box-icon fa fa-ban"></i>
</div>
<div class="modal-box-right">
<h3 class="title">Disable autorenewal</h3>
<p class="modal-box-main-description">Are you sure you don't want your package with the ID <strong><span class="package-autorenewal-id"></span></strong> to be automatically renewed in the future?</p>
<input type="hidden" name="id" class="package-disable-autorenewal-input">
</div>
</div>
<footer>
<div class="modal-box-footer-right">
<a class="action-negative" data-dismiss="modal">
Abort </a>
<button type="submit" class="button button-negative" name="disableAutorenewal"> Stop autorenewal </button>
</div>
</footer>
</div>
</div>
</form>
Text Content
This website uses cookies. If you decide to stay, you accept these practices. 🍪 OK Webinterface query paused for performance reasons - click to continue working Rent a server 0 247 Support support@zap-hosting.com Blog $ Tap to search for more currencies. * € (EUR) * $ (USD) * ¥ (JPY) * £ (GBP) * AU$ (AUD) * CA$ (CAD) * Fr (CHF) * CN¥ (CNY) * SEK (SEK) * NZ$ (NZD) * Deutsch * English * * Frontpage * Gameserver * TeamSpeak 3 * Ts3-/Discord MusicBot * vServer * Rootserver * Dedicated server * Webspace * Domain * Partner * Blog * * Login Sign up! 👋 Forgot your password? * Gameserver * TeamSpeak * vRootServer * Dedicated server * FiveM * Webspace & TLDs * Lifetime Server instant online ... configure, pay, enjoy! Preconfigured packages Select package (optionally) Groß Select package (optionally) WEBSPACE from $4.25 Paket -------------------------------------------------------------------------------- Webspace Large: - 5.000 MB disk space - 40 E-Mail accounts - 40 MySQL databases Webspace Xtra Large: - 10.000 MB disk space - 70 E-Mail accounts - 70 MySQL databases -------------------------------------------------------------------------------- Webspace XtraXtra Large: - 20.000 MB disk space - 100 E-Mail accounts - 100 MySQL databases + $4.25 Settlement type Single payment: Single payment, no further obligation to pay. Prepaid: - no contract mandatory - anonym, no personal data requiered - Automatic suspension if you don't renew your service Contract: - Renews automatically - Cancellation by Click at our web panel - Period of notice 7 days (Rootservers 28 days) - personal Data are requiered -------------------------------------------------------------------------------- Prepaid Contract + 0.00% SETTLEMENT TYPE To order a product on a contractual basis, a minimum term of at least 1 month must be selected. Understood Billing interval You choose for what period you want to book and pay the server. If you choosed the "prepaid" option, your server will be suspended after that period, if you dont reneaw it manually. If you choose "contract", the server will be reneawed automatically after that period. 1 month / 30 days 6 months / 180 days (- 5%) 5 years / 1800 days (- 40%) 1 month / 30 days 1 month / 30 days 3 months / 90 days (- 3%) 6 months / 180 days (- 5%) 1 year / 360 days (- 10%) 2 years / 720 days (- 20%) 5 years / 1800 days (- 40%) 1 month / 30 days $0.00 × UP-/DOWNGRADE WARNING ATTENTION: This value can not be changed easily. Probably a new installation will be necessary if you proceed. Confirm DDoS Manager Overview With this option you get access to the DDoS Manager, where you can view the past attacks. Additionally, you can activate the notification about ongoing DDoS attacks on your server. No access to DDoS overview Access to DDoS overview + $0.00 Your settings Paket Webspace Large: - 5.000 MB disk space - 40 E-Mail accounts - 40 MySQL databases + $4.25 Settlement type Contract $0.00 Billing interval 1 month / 30 days $0.00 DDoS Manager Overview No access to DDoS overview $0.00 + $4.25 / Month (incl. 19% VAT) OR $51.01 LIFETIME (one time) Webspace 6x ordered in the past 24 hours -------------------------------------------------------------------------------- SIGN UP! 👋 Already customer? Login here E-Mail Username Password Repeat password Register LOGIN TO EXISTING ACCOUNT Not a customer yet? Register here Username Password Login -------------------------------------------------------------------------------- Pay with ZAP Coins Pay with Credit card Pay with PayPal Pay with Bitcoin Some payment methods are not available in your selected currency. Pay with paysafecard Pay with giropay Pay with EPS SHARE CONFIGURATION By clicking on the button below, you can copy a link to your clipboard and send it to your friends so that they can have and order the selected product with the same configuration as yours. Abort Copy -------------------------------------------------------------------------------- WHAT OUR CUSTOMERS SAY (WEBSPACE RATINGS) with a Trust Score of 4.6 out of 5 powered by Real Actimel rated on 22.08.2020 Absolut gut! Grizzly Harper rated on 29.11.2020 Very good r marsq rated on 03.10.2020 mpacting many industries, and it certainly hasn't been business as usual. We encourage you to look at more than just a company's TrustScore — visit their profile page and read reviews for context Matti M. rated on 02.10.2020 Just perfect! Noo Gas rated on 22.09.2020 Very nice, i have everything i want Real Actimel rated on 22.08.2020 Absolut gut! Grizzly Harper rated on 29.11.2020 Very good r marsq rated on 03.10.2020 mpacting many industries, and it certainly hasn't been business as usual. We encourage you to look at more than just a company's TrustScore — visit their profile page and read reviews for context Matti M. rated on 02.10.2020 Just perfect! Noo Gas rated on 22.09.2020 Very nice, i have everything i want Real Actimel rated on 22.08.2020 Absolut gut! Filter: All (118) 5 (87) 4 (16) 3 (10) 2 (3) 1 (2) 5 (87) -------------------------------------------------------------------------------- MINIMUM RUNNING TIME NOT REACHED The %option_name% option requires a minimum term of %required_runtime% days. Please choose either another option or make sure that you reach the minimum runtime. Understood 0% - left Hey you! 50% discount voucher! Oh no, are you leaving us already 😪? Maybe we can convince you to stay with a 50% discount voucher! (not valid for Lifetime and Dedicated servers) 😱 0%: Runs out in - Create ticket via mail average response time: 2 Hour(s) Your name (optional) Your E-Mail Subject Your message Submit Abort Credit card Please enter your credit card information below. Payment is made via stripe. Your name Your E-Mail Street zip code City Country Germany Belgium United Kingdom of Great Britain and Northern Ireland Norway Sweden Switzerland Austria Russian Federation Czechia France Ireland Spain Albania Andorra Bosnia and Herzegovina Bulgaria Denmark Estonia Faroe Islands Finland Georgia Greece Iceland Italy Croatia Latvia Liechtenstein Lithuania Luxembourg Malta The former Yugoslav Republic of Macedonia Republic of Moldova Monaco Netherlands Poland Portugal Romania San Marino Slovakia Slovenia Ukraine Holy See Hungary Saudi Arabia United States of America South Africa Taiwan Afghanistan Algeria American Samoa Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba Australia Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belize Benin Bermuda Bhutan Bolivia (Plurinational State of) Bonaire, Sint Eustatius and Saba Botswana Bouvet Island Brazil British Indian Ocean Territory British Virgin Islands Brunei Darussalam Burkina Faso Burundi Cabo Verde Cambodia Cameroon Canada Cayman Islands Central African Republic Chad Chile China China, Hong Kong Special Administrative Region China, Macao Special Administrative Region Christmas Island Cocos (Keeling) Islands Colombia Comoros Congo Cook Islands Costa Rica Cuba Curaçao Cyprus Côte d'Ivoire Democratic People's Republic of Korea Democratic Republic of the Congo Djibouti Dominica Dominican Republic Ecuador Egypt El Salvador Equatorial Guinea Eritrea Ethiopia Falkland Islands (Malvinas) Fiji French Guiana French Polynesia French Southern Territories Gabon Gambia Ghana Gibraltar Greenland Grenada Guadeloupe Guam Guatemala Guernsey Guinea Guinea-Bissau Guyana Haiti Heard Island and McDonald Islands Honduras India Indonesia Iran (Islamic Republic of) Iraq Isle of Man Israel Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kuwait Kyrgyzstan Lao People's Democratic Republic Lebanon Lesotho Liberia Libya Madagascar Malawi Malaysia Maldives Mali Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Micronesia (Federated States of) Mongolia Montenegro Montserrat Morocco Mozambique Myanmar Namibia Nauru Nepal New Caledonia New Zealand Nicaragua Niger Nigeria Niue Norfolk Island Northern Mariana Islands Oman Pakistan Palau Panama Papua New Guinea Paraguay Peru Philippines Pitcairn Puerto Rico Qatar Republic of Korea Rwanda Réunion Saint Barthélemy Saint Helena Saint Kitts and Nevis Saint Lucia Saint Martin (French Part) Saint Pierre and Miquelon Saint Vincent and the Grenadines Samoa Sao Tome and Principe Senegal Serbia Seychelles Sierra Leone Singapore Sint Maarten (Dutch part) Solomon Islands Somalia South Georgia and the South Sandwich Islands South Sudan Sri Lanka State of Palestine Sudan Suriname Svalbard and Jan Mayen Islands Swaziland Syrian Arab Republic Tajikistan Thailand Timor-Leste Togo Tokelau Tonga Trinidad and Tobago Tunisia Turkey Turkmenistan Turks and Caicos Islands Tuvalu Uganda United Arab Emirates United Republic of Tanzania United States Virgin Islands Uruguay Uzbekistan Vanuatu Venezuela (Bolivarian Republic of) Viet Nam Wallis and Futuna Islands Western Sahara Yemen Zambia Zimbabwe Åland Islands Germany The expiry date of your credit card must be entered in the MM/YY section of the input field. You can simply close the modal after successful input. Close Done! FiveM Patreon membership required! Please note: To host more than 48 slots, the feature "OneSync" is required. For this you need a Patreon membership. (At least FiveM Element Club Argentum 💿, for more than 64 slots FiveM Element Club Aurum 📀 and for more than 128 slots FiveM Element Club Platinum 🌟). You can book your membership here: https://www.patreon.com/fivem After booking the membership visit https://keymaster.fivem.net/ and register your server with the same email address as the one used for your patreon membership. Enter the key in your ZAP web interface in the "Settings", we then configure it fully automatically and activate OneSync! Alternatively set the slot number to "32" under "Settings", then your server starts without OneSync! Understood Confirm login Username / E-Mail Password Log in Abort Close ATTENTION There are currently not enough free host systems available for the option "%option_name%". Please try to book them at a later date. We will inform you by e-mail as soon as free resources are available. Email Submit Abort VPS & Rootserver * Rent a VPS * - Linux VPS * - Windows VPS * - FreeBSD VPS * Rent a rootserver * - Linux Rootserver * - Windows Rootserver * - FreeBSD Rootserver Gameserver * Rent a gameserver * Citadel: Forged with Fire Server * Lifetime Gameserver * - more games .. * - Garrysmod (GMOD) Server * - Rust Server * - 7 Days to Die Server * - ARK Server * - Minecraft Server * Dark and Light Server & more * Rent a TS3 server * Steam Gameserver Sale * Rent a server * Rent a Discord Musicbot * Buy Execute CDs * Rent a Plesk 12/17 license * Rent a domain * Rent a webspace * Rent a TS3 musicbot * Our partners * Earn money ZAP-Hosting * Hoster comparison * Changelog Contact us ..! * info [at] zap-hosting.com Follow us ..! * * * * * * * * * * Legal * Terms * Imprint * Privacy Policy * Security * JOBS All gamecontent and trademarks are the property of their respective owners - all rights reserved Copyright 2010 - 2024 ZAP-Hosting.com. Alle Rechte vorbehalten. ZAP-Hosting GmbH & Co KG - Hafenweg 8 - 48155 Münster Alle Preise inkl. gesetzl. MwSt. des jeweiligen EU-Landes USt.-ID: DE 301569730 SOON... ... our Board will be available and you'll be able to exchange with other customers or members of our ZAP Community. We are still working on optimizing everything to make the experience perfect. The new board will get a brand new Design and a much more clear view. Be excited! -------------------------------------------------------------------------------- Got it! Login or register Log in to your ZAP account or register now. The registration is free, there are no duty of payment. All products are also available as prepaid products. That means, if you do not continue paying your server, it will be closed automatically without any costs. Logged in successfully! Your login is being checked.. Login Forgot your password? Confirmation required Login or register Register at ZAP and become part of the ZAP community. Experience a beautiful control panel to manage your servers. 🚀 Sign up! 👋 Logged in successfully! Your login is being checked.. Forgot your password? Login or register Forgot your password? No Problem! Just enter your username or e-mail address here. We will send you a link to reset your password. Reset Logged in successfully! Your login is being checked.. Sign up! 👋 Login Login Abort Change password Old Password: Password: Retype password: Abort Change password VOUCHER CODE Abort Use voucher PACKAGE CHANGE Abort Buy now DISABLE AUTORENEWAL Are you sure you don't want your package with the ID to be automatically renewed in the future? Abort Stop autorenewal