ryokorouter.com
Open in
urlscan Pro
2606:4700::6812:125f
Public Scan
Submitted URL: https://lk.vistallz.de/i3/
Effective URL: https://ryokorouter.com/ryoko-pro/order?l=de&vndr=evf&evf=1&uid=5968&offid=61&affiliate_id=259&subid5=25f40605007047df90...
Submission: On July 05 via manual from BG — Scanned from DE
Effective URL: https://ryokorouter.com/ryoko-pro/order?l=de&vndr=evf&evf=1&uid=5968&offid=61&affiliate_id=259&subid5=25f40605007047df90...
Submission: On July 05 via manual from BG — Scanned from DE
Form analysis 1 forms found in the DOM
POST /?order-form
<form class="order-form" method="POST" action="/?order-form" novalidate="novalidate">
<input type="hidden" name="_token" value="pWjvCdt3ya4RUGMa7eoMJIl9dlUH6VkrZyaJXU63" autocomplete="off">
<style>
.payment-declined-message-popup {
--btn-background-primary: #0084FD;
--btn-box-shadow-primary: none;
--btn-border-radius: 10px;
}
</style>
<div x-data="" x-show="Alpine.store('cartPaymentDeclinedPopup').show()" class="payment-declined-message-popup tw-z-[1000] tw-fixed tw-top-0 tw-left-0 tw-w-[100vw] tw-h-[100vh]
tw-flex tw-justify-center tw-items-center tw-bg-black/[.8]" style="display: none;">
<div class="tw-container tw-px-container md:tw-px-container-md lg:tw-px-container-lg
xl:tw-px-container-xl">
<div x-on:click.outside="Alpine.store('cartPaymentDeclinedPopup').hide()" class="tw-rounded-[20px] tw-bg-black tw-w-full tw-max-w-[550px] tw-py-6 md:tw-py-10 tw-px-4 md:tw-px-6 tw-mx-auto tw-text-white tw-flex tw-items-center tw-flex-col">
<h4 class="tw-text-center tw-capitalize tw-text-h4-mob md:tw-text-h4 tw-text-h4-mob md:tw-text-h4 tw-mb-6 md:tw-mb-8"> Ihre Zahlung wurde abgelehnt. Grund: <nobr><span class="tw-text-[#ED0006]"
x-text="Alpine.store('cartPaymentDeclinedPopup').errorType"></span></nobr>
</h4>
<div class="tw-mb-6 md:tw-mb-8">
<img height="24" width="250" class="tw-mb-2 tw-mx-auto"
src="data:image/svg+xml;charset=utf-8,<svg fill="transparent" width="250" height="24" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%"/></svg>"
data-src="https://ryokorouter.com/theme/components/payment-declined-message-popup/payments.svg" alt="">
<p x-show="Alpine.store('cartPaymentDeclinedPopup').errorRecommendationMessage" class="tw-text-sm md:tw-text-base tw-text-center tw-mb-0" x-text="Alpine.store('cartPaymentDeclinedPopup').errorRecommendationMessage" style="display: none;">
</p>
</div>
<div x-on:click="Alpine.store('cartPaymentDeclinedPopup').hide()" class="btn btn-primary btn-medium !tw-normal-case !tw-bg-[#0084FD]"> Zurück zum Checkout </div>
</div>
</div>
</div>
<input name="brand" type="hidden" value="ryoko-pro">
<input x-data="{value: ''}" name="added-taxes" type="hidden" x-bind:value="value" @update-added-taxes.window="value = $event.detail;">
<template x-if="Alpine.store('cartDeliveryOptions').isSelectedParcelLocker()">
<input x-data="" name="parcel_delivery_point" type="hidden" required="" x-bind:value="Alpine.store('cartParcelLocker').parcelLockerId" data-validation-error-insert-after="parcel-locker-error-placeholder" data-validation-error-name="Packstation">
</template>
<div
wire:snapshot="{"data":{"show":false},"memo":{"id":"pCch85rfASY5wDv2199h","name":"cart.parcel-select.google-maps-with-cluster-marker-select","path":"ryoko-pro\/order","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"de"},"checksum":"c8e6a8ce484e2e2db55902ad5c91a966d28a8027123ef64a2a1c0cc8fd105df6"}"
wire:effects="[]" wire:id="pCch85rfASY5wDv2199h">
<div x-data="googleMapsWithClusterMarkerSelect">
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="bg-white cart-box-first">
<div data-ga-section="4 - Discount Has Been Applied">
<div class="d-flex align-items-start">
<img class=" sm:tw-w-[80px] sm:tw-h-[80px] tw-h-[64px] tw-w-[64px]" src="/theme/images/lang/de/free-shipping.png" onerror="this.src = '/theme/images/lang/en/free-shipping.png'" alt="">
<div class="ml-3 align-self-center align-self-sm-start align-self-md-center align-self-lg-start ">
<p style="color: #C73126" class="h4 font-weight-bold text-left mb-2">Ihr Rabatt von 70 % wurde angewandt</p>
<div class="d-lg-block d-md-none d-sm-block d-none">
<p class="p font-weight-bold">
<b class="t-red">NUR FÜR KURZE ZEIT:</b>
<span>
<span class="text-capitalize">Ryoko</span> ist zum Preis von <nobr><s>€ 296,67</s></nobr> <span>
<nobr class="t-green">€ 89,00</nobr> erhältlich (70 % Rabatt pro Einheit)
</span>
</span>
<b class="t-green">Kostenloser Versand</b> auf jede Bestellung!
</p>
</div>
</div>
</div>
<div class="d-sm-none d-md-block d-lg-none mt-2">
<p class="p font-weight-bold">
<b class="t-red">NUR FÜR KURZE ZEIT:</b>
<span>
<span class="text-capitalize">Ryoko</span> ist zum Preis von <nobr><s>€ 296,67</s></nobr> <span>
<nobr class="t-green">€ 89,00</nobr> erhältlich (70 % Rabatt pro Einheit)
</span>
</span>
<b class="t-green">Kostenloser Versand</b> auf jede Bestellung!
</p>
</div>
</div>
<div class="cart-gap-2 skip-if-first"></div>
<div class="cart-gap-2"></div>
<p x-data="{
number: 1,
text: 'Schritt 1: Anzahl ausw\u00e4hlen'
}" @change-step-number-order.window="number = $event.detail" @change-step-text-order.window="text = $event.detail" class="cart-step h4 font-weight-bold align-items-center mb-3" style="display: flex; text-align: inherit;">
<img style="height: 20px; margin-right: 10px" src="https://ryokorouter.com/images/order/step/select.svg" data-src="https://ryokorouter.com/images/order/step/select.svg" alt="">
<span>Schritt 1: Anzahl auswählen</span>
</p>
<div data-ga-section="5 - Quantity Selection">
<div class="order-options-grid justify-content-center order-quantity-options order-quantity-options--
grid-cols-1 sm:grid-cols-2 md:grid-cols-1 lg:grid-cols-2">
<div x-data="{}" x-cloak-pointer-events-none="" x-on:click="
// For some reason radio input click propagates this click event too, so it triggers twice.
// It's possible to set x-on:click handler with event.stopPropagation()
Alpine.store('cartOptions').setSelectedWithIndex(0)
" @update-order-option-value-with-quantity-4.window="$refs.input.value = event.detail" @update-order-option-image-with-quantity-4.window="$refs.image.src = event.detail" @update-order-option-price-display-with-quantity-4.window="
$refs.totalPrice.innerText = event.detail.totalPrice;
$refs.oldPrice.innerText = event.detail.oldPrice;
" class="w-100 form-check m-0 p-0 overflow-hidden- position-relative order-form-check- d-flex flex-column drop-shadow order-form-check--" data-ga-category="Element" data-ga-click="5 - Quantity Selection (Quantity select 1)">
<div class="order-quantity-options__badge text-center
order-quantity-options__badge--
z-index-1 font-weight-bold note2 px-2 py-1 tw-uppercase !tw-text-white
">
<span> Am beliebtesten </span>
</div>
<input class="form-check-input order-1 d-none " x-ref="input" id="product-0" required="" data-formatted-price="€ 220,00"
x-on:change="$dispatch('order-option-changed',4); $dispatch('update-selected', { selectedDiscount: '70\u00a0%', selected: '[\u0022ryoko-pro\u0022,\u0022220.00\u0022,4,\u00224 MUAMA Ryoko (\\u20ac 55,00\\\/St\\u00fcck)\u0022,[],\u0022EUR\u0022,null,0,\u0022733.33\u0022,[],\u0022https:\\\/\\\/ryokorouter.com\\\/ryoko-pro\\\/order?affiliate_id=259\u0026evf=1\u0026l=de\u0026offid=61\u0026source_id=208185_\u0026sub4=\u0026subid5=25f40605007047df9084440c02c0e82925dfb\u0026uid=5968\u0026vndr=evf\u0022,\u0022physical_product\u0022,\u0022733.33\u0022,70,null]'})"
data-count="4" @order-option-changed.window="if ($refs.input.dataset.count == $event.detail) { $refs.input.checked = true; }" @update-selected.window="if ($refs.input.value === $event.detail.selected) { $refs.input.checked = true; }"
name="product[p1]" type="radio"
value="["ryoko-pro","220.00",4,"4 MUAMA Ryoko (\u20ac 55,00\/St\u00fcck)",[],"EUR",null,0,"733.33",[],"https:\/\/ryokorouter.com\/ryoko-pro\/order?affiliate_id=259&evf=1&l=de&offid=61&source_id=208185_&sub4=&subid5=25f40605007047df9084440c02c0e82925dfb&uid=5968&vndr=evf","physical_product","733.33",70,null]">
<label class="w-100 h-100 order-quantity-options__label order-3 tw-relative
order-quantity-options__label--
justify-content-center form-check-label
order-quantity-options d-flex flex-wrap mb-0 font-weight-normal cursor-pointer" style="padding: 10px" for="product-0">
<span class="order-quantity-options__product-img image tw-w-[50%] d-flex align-items-center
justify-content-center ">
<img x-ref="image" class=" " style="" src="https://ryokorouter.com/theme/ryoko-pro/order/options/4.png?14" alt="4 MUAMA Ryoko (€ 55,00/Stück)">
</span>
<span class="d-flex flex-column justify-content-center price-holder justify-content-center tw-w-[50%]
align-items-center text-center">
<span class="font-weight-bold w-100 label d-flex flex-column" style="margin-bottom: 10px;">
<span class="f-38 d-flex flex-wrap align-items-baseline lh-1
justify-content-center"> 4 <span class="f-30">x</span>
</span>
<span class="options-label mt-1 !tw-text-xs !tw-min-h-[32px] options-label--" data-adjust-font="" style=""> Ryoko Pro </span>
</span>
<span class="f-14 f-md-22 f-lg-14 d-block ">
<span class="product-old-price d-block price2 price2--eur" style="color: #b1b2b3;" data-original-price="733.33">
<span class="tw-mb-[3px]" x-ref="oldPrice" style="text-decoration: line-through;"> € 733,33 </span>
</span>
</span>
<span class="f-25 f-md-33 f-lg-22 f-xl-23 d-block ">
<b class="product-current-price no-wrap d-block price2 price2--eur lh-1 " style="color: #5acd65" data-total-price="220.00">
<span x-ref="totalPrice" style="">
€ 220,00
</span>
</b>
</span>
</span>
</label>
</div>
<div x-data="{}" x-cloak-pointer-events-none="" x-on:click="
// For some reason radio input click propagates this click event too, so it triggers twice.
// It's possible to set x-on:click handler with event.stopPropagation()
Alpine.store('cartOptions').setSelectedWithIndex(1)
" @update-order-option-value-with-quantity-3.window="$refs.input.value = event.detail" @update-order-option-image-with-quantity-3.window="$refs.image.src = event.detail" @update-order-option-price-display-with-quantity-3.window="
$refs.totalPrice.innerText = event.detail.totalPrice;
$refs.oldPrice.innerText = event.detail.oldPrice;
" class="w-100 form-check m-0 p-0 overflow-hidden- position-relative order-form-check- d-flex flex-column drop-shadow order-form-check--" data-ga-category="Element" data-ga-click="5 - Quantity Selection (Quantity select 2)">
<div class="order-quantity-options__badge text-center
order-quantity-options__badge--
z-index-1 font-weight-bold note2 px-2 py-1 tw-uppercase !tw-text-white
tw-opacity-0 tw-hidden sm:tw-block md:tw-hidden lg:tw-block">
<span> Am beliebtesten </span>
</div>
<input class="form-check-input order-1 d-none " x-ref="input" id="product-1" required="" data-formatted-price="€ 177,00"
x-on:change="$dispatch('order-option-changed',3); $dispatch('update-selected', { selectedDiscount: '70\u00a0%', selected: '[\u0022ryoko-pro\u0022,\u0022177.00\u0022,3,\u0022Kaufen Sie 2 MUAMA Ryoko, BEKOMMEN SIE 1 KOSTENLOS (\\u20ac 59,00\\\/St\\u00fcck)\u0022,[],\u0022EUR\u0022,null,0,\u0022590\u0022,[],\u0022https:\\\/\\\/ryokorouter.com\\\/ryoko-pro\\\/order?affiliate_id=259\u0026evf=1\u0026l=de\u0026offid=61\u0026source_id=208185_\u0026sub4=\u0026subid5=25f40605007047df9084440c02c0e82925dfb\u0026uid=5968\u0026vndr=evf\u0022,\u0022physical_product\u0022,\u0022590\u0022,70,null]'})"
data-count="3" @order-option-changed.window="if ($refs.input.dataset.count == $event.detail) { $refs.input.checked = true; }" @update-selected.window="if ($refs.input.value === $event.detail.selected) { $refs.input.checked = true; }"
name="product[p1]" type="radio"
value="["ryoko-pro","177.00",3,"Kaufen Sie 2 MUAMA Ryoko, BEKOMMEN SIE 1 KOSTENLOS (\u20ac 59,00\/St\u00fcck)",[],"EUR",null,0,"590",[],"https:\/\/ryokorouter.com\/ryoko-pro\/order?affiliate_id=259&evf=1&l=de&offid=61&source_id=208185_&sub4=&subid5=25f40605007047df9084440c02c0e82925dfb&uid=5968&vndr=evf","physical_product","590",70,null]">
<label class="w-100 h-100 order-quantity-options__label order-3 tw-relative
order-quantity-options__label--
justify-content-center form-check-label
order-quantity-options d-flex flex-wrap mb-0 font-weight-normal cursor-pointer" style="padding: 10px" for="product-1">
<span class="order-quantity-options__product-img image tw-w-[50%] d-flex align-items-center
justify-content-center ">
<img x-ref="image" class=" " style="" src="https://ryokorouter.com/theme/ryoko-pro/order/options/3.png?14" alt="Kaufen Sie 2 MUAMA Ryoko, BEKOMMEN SIE 1 KOSTENLOS (€ 59,00/Stück)">
</span>
<span class="d-flex flex-column justify-content-center price-holder justify-content-center tw-w-[50%]
align-items-center text-center">
<span class="font-weight-bold w-100 label d-flex flex-column" style="margin-bottom: 10px;">
<span class="f-38 d-flex flex-wrap align-items-baseline lh-1
justify-content-center"> 3 <span class="f-30">x</span>
</span>
<span class="options-label mt-1 !tw-text-xs !tw-min-h-[32px] options-label--" data-adjust-font="" style=""> Ryoko Pro </span>
</span>
<span class="f-14 f-md-22 f-lg-14 d-block ">
<span class="product-old-price d-block price2 price2--eur" style="color: #b1b2b3;" data-original-price="590">
<span class="tw-mb-[3px]" x-ref="oldPrice" style="text-decoration: line-through;"> € 590,00 </span>
</span>
</span>
<span class="f-25 f-md-33 f-lg-22 f-xl-23 d-block ">
<b class="product-current-price no-wrap d-block price2 price2--eur lh-1 " style="color: #5acd65" data-total-price="177.00">
<span x-ref="totalPrice" style="">
€ 177,00
</span>
</b>
</span>
</span>
</label>
</div>
<div x-data="{}" x-cloak-pointer-events-none="" x-on:click="
// For some reason radio input click propagates this click event too, so it triggers twice.
// It's possible to set x-on:click handler with event.stopPropagation()
Alpine.store('cartOptions').setSelectedWithIndex(2)
" @update-order-option-value-with-quantity-2.window="$refs.input.value = event.detail" @update-order-option-image-with-quantity-2.window="$refs.image.src = event.detail" @update-order-option-price-display-with-quantity-2.window="
$refs.totalPrice.innerText = event.detail.totalPrice;
$refs.oldPrice.innerText = event.detail.oldPrice;
" class="w-100 form-check m-0 p-0 overflow-hidden- position-relative order-form-check- d-flex flex-column drop-shadow order-form-check-- order-form-check--selected" data-ga-category="Element"
data-ga-click="5 - Quantity Selection (Quantity select 3)">
<input class="form-check-input order-1 d-none " x-ref="input" id="product-2" required="" data-formatted-price="€ 138,00"
x-on:change="$dispatch('order-option-changed',2); $dispatch('update-selected', { selectedDiscount: '70\u00a0%', selected: '[\u0022ryoko-pro\u0022,\u0022138.00\u0022,2,\u00222 MUAMA Ryoko (\\u20ac 69,00\\\/St\\u00fcck)\u0022,[],\u0022EUR\u0022,null,0,\u0022460\u0022,[],\u0022https:\\\/\\\/ryokorouter.com\\\/ryoko-pro\\\/order?affiliate_id=259\u0026evf=1\u0026l=de\u0026offid=61\u0026source_id=208185_\u0026sub4=\u0026subid5=25f40605007047df9084440c02c0e82925dfb\u0026uid=5968\u0026vndr=evf\u0022,\u0022physical_product\u0022,\u0022460\u0022,70,null]'})"
data-count="2" @order-option-changed.window="if ($refs.input.dataset.count == $event.detail) { $refs.input.checked = true; }" @update-selected.window="if ($refs.input.value === $event.detail.selected) { $refs.input.checked = true; }"
checked="checked" name="product[p1]" type="radio"
value="["ryoko-pro","138.00",2,"2 MUAMA Ryoko (\u20ac 69,00\/St\u00fcck)",[],"EUR",null,0,"460",[],"https:\/\/ryokorouter.com\/ryoko-pro\/order?affiliate_id=259&evf=1&l=de&offid=61&source_id=208185_&sub4=&subid5=25f40605007047df9084440c02c0e82925dfb&uid=5968&vndr=evf","physical_product","460",70,null]">
<label class="w-100 h-100 order-quantity-options__label order-3 tw-relative
order-quantity-options__label--
justify-content-center form-check-label
order-quantity-options d-flex flex-wrap mb-0 font-weight-normal cursor-pointer" style="padding: 10px" for="product-2">
<span class="order-quantity-options__product-img image tw-w-[50%] d-flex align-items-center
justify-content-center ">
<img x-ref="image" class=" " style="" src="https://ryokorouter.com/theme/ryoko-pro/order/options/2.png?14" alt="2 MUAMA Ryoko (€ 69,00/Stück)">
</span>
<span class="d-flex flex-column justify-content-center price-holder justify-content-center tw-w-[50%]
align-items-center text-center">
<span class="font-weight-bold w-100 label d-flex flex-column" style="margin-bottom: 10px;">
<span class="f-38 d-flex flex-wrap align-items-baseline lh-1
justify-content-center"> 2 <span class="f-30">x</span>
</span>
<span class="options-label mt-1 !tw-text-xs !tw-min-h-[32px] options-label--" data-adjust-font="" style=""> Ryoko Pro </span>
</span>
<span class="f-14 f-md-22 f-lg-14 d-block ">
<span class="product-old-price d-block price2 price2--eur" style="color: #b1b2b3;" data-original-price="460">
<span class="tw-mb-[3px]" x-ref="oldPrice" style="text-decoration: line-through;"> € 460,00 </span>
</span>
</span>
<span class="f-25 f-md-33 f-lg-22 f-xl-23 d-block ">
<b class="product-current-price no-wrap d-block price2 price2--eur lh-1 " style="color: #5acd65" data-total-price="138.00">
<span x-ref="totalPrice" style="">
€ 138,00
</span>
</b>
</span>
</span>
</label>
</div>
<div x-data="{}" x-cloak-pointer-events-none="" x-on:click="
// For some reason radio input click propagates this click event too, so it triggers twice.
// It's possible to set x-on:click handler with event.stopPropagation()
Alpine.store('cartOptions').setSelectedWithIndex(3)
" @update-order-option-value-with-quantity-1.window="$refs.input.value = event.detail" @update-order-option-image-with-quantity-1.window="$refs.image.src = event.detail" @update-order-option-price-display-with-quantity-1.window="
$refs.totalPrice.innerText = event.detail.totalPrice;
$refs.oldPrice.innerText = event.detail.oldPrice;
" class="w-100 form-check m-0 p-0 overflow-hidden- position-relative order-form-check- d-flex flex-column drop-shadow order-form-check--" data-ga-category="Element" data-ga-click="5 - Quantity Selection (Quantity select 4)">
<input class="form-check-input order-1 d-none " x-ref="input" id="product-3" required="" data-formatted-price="€ 89,00"
x-on:change="$dispatch('order-option-changed',1); $dispatch('update-selected', { selectedDiscount: '70\u00a0%', selected: '[\u0022ryoko-pro\u0022,\u002289.00\u0022,1,\u00221 MUAMA Ryoko (\\u20ac 89,00\\\/St\\u00fcck)\u0022,[],\u0022EUR\u0022,null,0,\u0022296.67\u0022,[],\u0022https:\\\/\\\/ryokorouter.com\\\/ryoko-pro\\\/order?affiliate_id=259\u0026evf=1\u0026l=de\u0026offid=61\u0026source_id=208185_\u0026sub4=\u0026subid5=25f40605007047df9084440c02c0e82925dfb\u0026uid=5968\u0026vndr=evf\u0022,\u0022physical_product\u0022,\u0022296.67\u0022,70,null]'})"
data-count="1" @order-option-changed.window="if ($refs.input.dataset.count == $event.detail) { $refs.input.checked = true; }" @update-selected.window="if ($refs.input.value === $event.detail.selected) { $refs.input.checked = true; }"
name="product[p1]" type="radio"
value="["ryoko-pro","89.00",1,"1 MUAMA Ryoko (\u20ac 89,00\/St\u00fcck)",[],"EUR",null,0,"296.67",[],"https:\/\/ryokorouter.com\/ryoko-pro\/order?affiliate_id=259&evf=1&l=de&offid=61&source_id=208185_&sub4=&subid5=25f40605007047df9084440c02c0e82925dfb&uid=5968&vndr=evf","physical_product","296.67",70,null]">
<label class="w-100 h-100 order-quantity-options__label order-3 tw-relative
order-quantity-options__label--
justify-content-center form-check-label
order-quantity-options d-flex flex-wrap mb-0 font-weight-normal cursor-pointer" style="padding: 10px" for="product-3">
<span class="order-quantity-options__product-img image tw-w-[50%] d-flex align-items-center
justify-content-center ">
<img x-ref="image" class=" " style="" src="https://ryokorouter.com/theme/ryoko-pro/order/options/1.png?14" alt="1 MUAMA Ryoko (€ 89,00/Stück)">
</span>
<span class="d-flex flex-column justify-content-center price-holder justify-content-center tw-w-[50%]
align-items-center text-center">
<span class="font-weight-bold w-100 label d-flex flex-column" style="margin-bottom: 10px;">
<span class="f-38 d-flex flex-wrap align-items-baseline lh-1
justify-content-center"> 1 <span class="f-30">x</span>
</span>
<span class="options-label mt-1 !tw-text-xs !tw-min-h-[32px] options-label--" data-adjust-font="" style=""> Ryoko Pro </span>
</span>
<span class="f-14 f-md-22 f-lg-14 d-block ">
<span class="product-old-price d-block price2 price2--eur" style="color: #b1b2b3;" data-original-price="296.67">
<span class="tw-mb-[3px]" x-ref="oldPrice" style="text-decoration: line-through;"> € 296,67 </span>
</span>
</span>
<span class="f-25 f-md-33 f-lg-22 f-xl-23 d-block ">
<b class="product-current-price no-wrap d-block price2 price2--eur lh-1 " style="color: #5acd65" data-total-price="89.00">
<span x-ref="totalPrice" style="">
€ 89,00
</span>
</b>
</span>
</span>
</label>
</div>
</div>
</div>
</div>
<div class="bg-white cart-box-middle">
<div class="d-flex flex-column align-items-center justify-content-center">
<h4 class="text-center t-black font-weight-bold p mb-3">Express-Kasse</h4>
<script type="text/template" id="payment-method-express-template-paypal_vault"> <div id="payment-method-express-paypal_vault" class="my-1">
<input type="hidden" name="express" value="0">
<input type="hidden" name="details" value="">
<input type="hidden" name="flow" value="vault">
<input type="hidden" name="nonce">
<input type="hidden" name="device_data">
<div id="payment-method-express-paypal-vault-button"></div>
</div>
</script>
<script type="text/template" id="payment-method-express-template-paypal_vault_express"> <div id="payment-method-express-paypal_vault_express" class="my-1">
<input type="hidden" name="express" value="0">
<input type="hidden" name="details" value="">
<input type="hidden" name="flow" value="vault">
<input type="hidden" name="nonce">
<input type="hidden" name="device_data">
<div id="payment-method-express-paypal-vault-button"></div>
</div>
</script>
<script type="text/template" id="payment-method-express-template-klarna_payments_express"> <div id="payment-method-express-klarna_payments_express" class="my-1">
<div class="modal fade text-black" id="klarna-payments-modal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header pb-0 border-bottom-0">
<div class="modal-title font-weight-bold text-center w-75 mx-auto f-18"> </div>
<button type="button" class="close position-absolute right-0 top-0 mt-3 mr-3 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body f-16">
<div id="klarna-payments-modal-container"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn-block px-2 btn btn-pay" style="text-transform: capitalize;" id="klarna-payments-modal-submit">
Bestellen Sie jetzt! </button>
</div>
</div>
</div>
</div>
<style>
klarna-express-button.klarna-express-button {
width: 100%;
height: 45px;
margin-bottom: 5px;
}
</style>
</div>
</script>
<script type="text/template" id="payment-method-express-template-nuvei_apple_pay"> <div id="payment-method-express-nuvei_apple_pay" class="my-1">
<style>
apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: 45px;
--apple-pay-button-border-radius: 4px;
--apple-pay-button-padding: 0px 0px;
--apple-pay-button-box-sizing: border-box;
}
</style>
<apple-pay-button buttonstyle="black" type="plain" locale="en" id="payment-method-express-apple-pay-button"></apple-pay-button>
</div>
</script>
<script type="text/template" id="payment-method-express-template-nuvei_google_pay"> <div id="payment-method-express-nuvei_google_pay" class="my-1">
<div style="width:100%; height:50px; display:none" id="payment-method-express-google-pay-button-container">
<div style="height:45px" id="payment-method-express-google-pay-button"></div>
</div>
</div>
</script>
<script type="text/template" id="payment-method-express-template-afterpay_express"> <div id="payment-method-express-afterpay_express" class="my-1">
<div class="modal fade text-black" id="afterpay-modal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header pb-0 border-bottom-0">
<div class="modal-title font-weight-bold text-center w-75 mx-auto f-18"> </div>
<button class="close position-absolute right-0 top-0 mt-3 mr-3 p-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body f-16">
<div id="afterpay-modal-container"></div>
</div>
<div class="modal-footer">
<button class="btn-block px-2 btn btn-pay" style="text-transform: capitalize;" id="afterpay-modal-submit">
Bestellen Sie jetzt! </button>
</div>
</div>
</div>
</div>
<div id="afterpay-button" class="afterpay-express-button cursor-pointer" data-afterpay-entry-point="mini-cart"></div>
<style>
.afterpay-express-button {
width: 100%;
height: 45px;
margin-bottom: 5px;
border: none;
background-image: url('/theme/images/processors/afterpay-express.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
/*border-radius: 4px;*/
/*background-color: #b2fce4;*/
background-color: transparent;
}
</style>
</div>
</script>
<script type="text/template" id="payment-method-express-template-ixo_pay_apple_pay"> <div id="payment-method-express-ixo_pay_apple_pay" class="my-1">
<style>
apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: 45px;
--apple-pay-button-border-radius: 4px;
--apple-pay-button-padding: 0px 0px;
--apple-pay-button-box-sizing: border-box;
}
</style>
<apple-pay-button buttonstyle="black" type="plain" locale="en" id="payment-method-express-apple-pay-button"></apple-pay-button>
</div>
</script>
<script type="text/template" id="payment-method-express-template-ixo_pay_google_pay"> <div id="payment-method-express-ixo_pay_google_pay" class="my-1">
<div style="width:100%; height:50px; display:none" id="payment-method-express-google-pay-button-container">
<div style="height:45px" id="payment-method-express-google-pay-button"></div>
</div>
</div>
</script>
<div id="payment-methods-express" class="w-100">
<div id="payment-method-express-paypal_vault_express" class="my-1">
<input type="hidden" name="express" value="0">
<input type="hidden" name="details" value="">
<input type="hidden" name="flow" value="vault">
<input type="hidden" name="nonce">
<input type="hidden" name="device_data">
<div id="payment-method-express-paypal-vault-button">
<div id="zoid-paypal-buttons-uid_11bba674c3_mtk6mdc6ntk" class="paypal-buttons paypal-buttons-context-iframe paypal-buttons-label-unknown paypal-buttons-layout-horizontal" data-paypal-smart-button-version="5.0.448"
style="height: 55px;">
<style nonce="">
#zoid-paypal-buttons-uid_11bba674c3_mtk6mdc6ntk {
position: relative;
display: inline-block;
width: 100%;
min-height: 25px;
min-width: 150px;
font-size: 0;
}
#zoid-paypal-buttons-uid_11bba674c3_mtk6mdc6ntk>iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#zoid-paypal-buttons-uid_11bba674c3_mtk6mdc6ntk>iframe.component-frame {
z-index: 100;
}
#zoid-paypal-buttons-uid_11bba674c3_mtk6mdc6ntk>iframe.prerender-frame {
transition: opacity .2s linear;
z-index: 200;
}
#zoid-paypal-buttons-uid_11bba674c3_mtk6mdc6ntk>iframe.visible {
opacity: 1;
}
#zoid-paypal-buttons-uid_11bba674c3_mtk6mdc6ntk>iframe.invisible {
opacity: 0;
pointer-events: none;
}
#zoid-paypal-buttons-uid_11bba674c3_mtk6mdc6ntk>.smart-menu {
position: absolute;
z-index: 300;
top: 0;
left: 0;
width: 100%;
}
</style><iframe allowtransparency="true"
name="__zoid__paypal_buttons__eyJzZW5kZXIiOnsiZG9tYWluIjoiaHR0cHM6Ly9yeW9rb3JvdXRlci5jb20ifSwibWV0YURhdGEiOnsid2luZG93UmVmIjp7InR5cGUiOiJwYXJlbnQiLCJkaXN0YW5jZSI6MH19LCJyZWZlcmVuY2UiOnsidHlwZSI6InJhdyIsInZhbCI6IntcInVpZFwiOlwiem9pZC1wYXlwYWwtYnV0dG9ucy11aWRfMTFiYmE2NzRjM19tdGs2bWRjNm50a1wiLFwiY29udGV4dFwiOlwiaWZyYW1lXCIsXCJ0YWdcIjpcInBheXBhbC1idXR0b25zXCIsXCJjaGlsZERvbWFpbk1hdGNoXCI6e1wiX190eXBlX19cIjpcInJlZ2V4XCIsXCJfX3ZhbF9fXCI6XCJcXFxcLnBheXBhbFxcXFwuKGNvbXxjbikoOlxcXFxkKyk/JFwifSxcInZlcnNpb25cIjpcIjEwXzNfM1wiLFwicHJvcHNcIjp7XCJlbmFibGVTdGFuZGFyZENhcmRGaWVsZHNcIjp0cnVlLFwibG9jYWxlXCI6e1wiY291bnRyeVwiOlwiVVNcIixcImxhbmdcIjpcImVuXCJ9LFwic3R5bGVcIjp7XCJsYWJlbFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJsYXlvdXRcIjpcImhvcml6b250YWxcIixcImNvbG9yXCI6XCJnb2xkXCIsXCJzaGFwZVwiOlwicmVjdFwiLFwidGFnbGluZVwiOmZhbHNlLFwiaGVpZ2h0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInBlcmlvZFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJtZW51UGxhY2VtZW50XCI6XCJiZWxvd1wiLFwiZGlzYWJsZU1heFdpZHRoXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImRpc2FibGVNYXhIZWlnaHRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYm9yZGVyUmFkaXVzXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifX0sXCJvbkNsaWNrXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfOGExYjZjYjJmY19tdGs2bWRjNm50a1wiLFwibmFtZVwiOlwib25DbGlja1wifX0sXCJjcmVhdGVCaWxsaW5nQWdyZWVtZW50XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfYzhjYmIwZTkyN19tdGs2bWRjNm50a1wiLFwibmFtZVwiOlwiY3JlYXRlQmlsbGluZ0FncmVlbWVudFwifX0sXCJvbkFwcHJvdmVcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9iZWFjMjVlMWQ5X210azZtZGM2bnRrXCIsXCJuYW1lXCI6XCJvbkFwcHJvdmVcIn19LFwib25DYW5jZWxcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9iNTAzOGE4Njg0X210azZtZGM2bnRrXCIsXCJuYW1lXCI6XCJvbkNhbmNlbFwifX0sXCJjc3BOb25jZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJhbGxvd0JpbGxpbmdQYXltZW50c1wiOnRydWUsXCJhbW91bnRcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiYXBpU3RhZ2VIb3N0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImFwcGxlUGF5XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImFwcGxlUGF5U3VwcG9ydFwiOmZhbHNlLFwiYnJhbmRlZFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJidXR0b25Mb2NhdGlvblwiOlwicnlva29yb3V0ZXIuY29tXCIsXCJidXR0b25TZXNzaW9uSURcIjpcInVpZF8xZTUxZDIzODk2X210azZtZGM2bnRrXCIsXCJidXR0b25TaXplXCI6XCJodWdlXCIsXCJidXllckNvdW50cnlcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiY2xpZW50QWNjZXNzVG9rZW5cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiY3VzdG9tZXJJZFwiOlwiXCIsXCJjbGllbnRJRFwiOlwiQVUwQUxSRFRMM0lNRmw2bXhwYUt1RFdUcy1nSzcxdm5mTS1TR1NybXVDdVZiYzlnTGIySGRDM1FVbHBQR1UyMWRhZDVpSVVWdUpTSHpGcFJcIixcImNsaWVudE1ldGFkYXRhSURcIjpcInVpZF80YWM5NTlkZTNlX210azZtZGM2bnRrXCIsXCJjb21taXRcIjp0cnVlLFwiY29tcG9uZW50c1wiOltcImJ1dHRvbnNcIl0sXCJjcmVhdGVPcmRlclwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJjcmVhdGVTdWJzY3JpcHRpb25cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiY3JlYXRlVmF1bHRTZXR1cFRva2VuXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImNzcFwiOntcIm5vbmNlXCI6XCJcIn0sXCJjdXJyZW5jeVwiOlwiVVNEXCIsXCJkZWJ1Z1wiOmZhbHNlLFwiZGlzYWJsZUNhcmRcIjpbXSxcImRpc2FibGVGdW5kaW5nXCI6W1wiY3JlZGl0XCJdLFwiZGlzYWJsZVNldENvb2tpZVwiOnRydWUsXCJkaXNwbGF5T25seVwiOltdLFwiZW5hYmxlRnVuZGluZ1wiOltdLFwiZW5hYmxlVGhyZWVEb21haW5TZWN1cmVcIjpmYWxzZSxcImVuYWJsZVZhdWx0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImVudlwiOlwicHJvZHVjdGlvblwiLFwiZXhwZXJpbWVudFwiOntcImVuYWJsZVZlbm1vXCI6ZmFsc2UsXCJ2ZW5tb1ZhdWx0V2l0aG91dFB1cmNoYXNlXCI6ZmFsc2V9LFwiZXhwZXJpbWVudGF0aW9uXCI6e30sXCJmbG93XCI6XCJiaWxsaW5nX3NldHVwXCIsXCJmdW5kaW5nRWxpZ2liaWxpdHlcIjp7XCJwYXlwYWxcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjp0cnVlfSxcInBheWxhdGVyXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOmZhbHNlLFwicHJvZHVjdHNcIjp7XCJwYXlJbjNcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmFyaWFudFwiOm51bGx9LFwicGF5SW40XCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhcmlhbnRcIjpudWxsfSxcInBheWxhdGVyXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhcmlhbnRcIjpudWxsfX19LFwiY2FyZFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcImJyYW5kZWRcIjp0cnVlLFwiaW5zdGFsbG1lbnRzXCI6ZmFsc2UsXCJ2ZW5kb3JzXCI6e1widmlzYVwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwibWFzdGVyY2FyZFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiYW1leFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9LFwiZGlzY292ZXJcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJoaXBlclwiOntcImVsaWdpYmxlXCI6ZmFsc2UsXCJ2YXVsdGFibGVcIjpmYWxzZX0sXCJlbG9cIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJqY2JcIjp7XCJlbGlnaWJsZVwiOmZhbHNlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJtYWVzdHJvXCI6e1wiZWxpZ2libGVcIjp0cnVlLFwidmF1bHRhYmxlXCI6dHJ1ZX0sXCJkaW5lcnNcIjp7XCJlbGlnaWJsZVwiOnRydWUsXCJ2YXVsdGFibGVcIjp0cnVlfSxcImN1cFwiOntcImVsaWdpYmxlXCI6dHJ1ZSxcInZhdWx0YWJsZVwiOnRydWV9fSxcImd1ZXN0RW5hYmxlZFwiOmZhbHNlfSxcInZlbm1vXCI6e1wiZWxpZ2libGVcIjpmYWxzZSxcInZhdWx0YWJsZVwiOmZhbHNlfSxcIml0YXVcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImNyZWRpdFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYXBwbGVwYXlcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNlcGFcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcImlkZWFsXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJiYW5jb250YWN0XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJnaXJvcGF5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJlcHNcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNvZm9ydFwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwibXliYW5rXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJwMjRcIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcIndlY2hhdHBheVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwicGF5dVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYmxpa1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwidHJ1c3RseVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwib3h4b1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwiYm9sZXRvXCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJib2xldG9iYW5jYXJpb1wiOntcImVsaWdpYmxlXCI6ZmFsc2V9LFwibWVyY2Fkb3BhZ29cIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcIm11bHRpYmFuY29cIjp7XCJlbGlnaWJsZVwiOmZhbHNlfSxcInNhdGlzcGF5XCI6e1wiZWxpZ2libGVcIjpmYWxzZX0sXCJwYWlkeVwiOntcImVsaWdpYmxlXCI6ZmFsc2V9fSxcImZ1bmRpbmdTb3VyY2VcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwiZ2V0UGFnZVVybFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzRkNGVhYTkwNjFfbXRrNm1kYzZudGtcIixcIm5hbWVcIjpcImdldFBhZ2VVcmxcIn19LFwiZ2V0UG9wdXBCcmlkZ2VcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9lOTUwMGM4ODdhX210azZtZGM2bnRrXCIsXCJuYW1lXCI6XCJnZXRQb3B1cEJyaWRnZVwifX0sXCJnZXRQcmVyZW5kZXJEZXRhaWxzXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMmNkYmZlMGFmMF9tdGs2bWRjNm50a1wiLFwibmFtZVwiOlwiZ2V0UHJlcmVuZGVyRGV0YWlsc1wifX0sXCJnZXRRdWVyaWVkRWxpZ2libGVGdW5kaW5nXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfM2NmYTdjMTc5Yl9tdGs2bWRjNm50a1wiLFwibmFtZVwiOlwiZ2V0UXVlcmllZEVsaWdpYmxlRnVuZGluZ1wifX0sXCJob3N0ZWRCdXR0b25JZFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJpbnRlbnRcIjpcInRva2VuaXplXCIsXCJqc1Nka0xpYnJhcnlcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwibWVyY2hhbnRJRFwiOltdLFwibWVyY2hhbnRSZXF1ZXN0ZWRQb3B1cHNEaXNhYmxlZFwiOmZhbHNlLFwibWVzc2FnZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJub25jZVwiOlwiXCIsXCJvbkNvbXBsZXRlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcIm9uSW5pdFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzM4MDg4ZmY1YWNfbXRrNm1kYzZudGtcIixcIm5hbWVcIjpcIm9uSW5pdFwifX0sXCJvbk1lc3NhZ2VDbGlja1wiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzQ1ZjU4ZGI0NDVfbXRrNm1kYzZudGtcIixcIm5hbWVcIjpcIm9uTWVzc2FnZUNsaWNrXCJ9fSxcIm9uTWVzc2FnZUhvdmVyXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMjMwOTk4NjM1NF9tdGs2bWRjNm50a1wiLFwibmFtZVwiOlwib25NZXNzYWdlSG92ZXJcIn19LFwib25NZXNzYWdlUmVhZHlcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8yODk2NmFiMjU4X210azZtZGM2bnRrXCIsXCJuYW1lXCI6XCJvbk1lc3NhZ2VSZWFkeVwifX0sXCJvblNoaXBwaW5nQWRkcmVzc0NoYW5nZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJvblNoaXBwaW5nQ2hhbmdlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcIm9uU2hpcHBpbmdPcHRpb25zQ2hhbmdlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcImhhc1NoaXBwaW5nQ2FsbGJhY2tcIjpmYWxzZSxcInBhZ2VUeXBlXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInBhcnRuZXJBdHRyaWJ1dGlvbklEXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInBheW1lbnRNZXRob2ROb25jZVwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn0sXCJwYXltZW50TWV0aG9kVG9rZW5cIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwicGF5bWVudFJlcXVlc3RcIjp7XCJfX3R5cGVfX1wiOlwidW5kZWZpbmVkXCJ9LFwicGxhdGZvcm1cIjpcImRlc2t0b3BcIixcInJlZmVycmVyRG9tYWluXCI6XCJsay52aXN0YWxsei5kZVwiLFwicmVtZW1iZXJcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF9jZThhMTFjMDhlX210azZtZGM2bnRrXCIsXCJuYW1lXCI6XCJyZW1lbWJlclwifX0sXCJyZW1lbWJlcmVkXCI6W10sXCJyZW5kZXJlZEJ1dHRvbnNcIjpbXCJwYXlwYWxcIl0sXCJzZXNzaW9uSURcIjpcInVpZF80YWM5NTlkZTNlX210azZtZGM2bnRrXCIsXCJzZGtDb3JyZWxhdGlvbklEXCI6XCIwMDk3YjI5MjZiMjkyXCIsXCJzZXNzaW9uU3RhdGVcIjp7XCJnZXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF82ZDc3OWQ1OTRlX210azZtZGM2bnRrXCIsXCJuYW1lXCI6XCJnZXRcIn19LFwic2V0XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfYmRlNDRkMDRmNF9tdGs2bWRjNm50a1wiLFwibmFtZVwiOlwic2V0XCJ9fX0sXCJnZXRTaG9wcGVySW5zaWdodHNVc2VkXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfOWFjM2UxZjM5ZF9tdGs2bWRjNm50a1wiLFwibmFtZVwiOlwiQ3JcIn19LFwic3RhZ2VIb3N0XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInN0b3JhZ2VJRFwiOlwidWlkXzQyMDIyOGJkNWNfbXRrNm1kYzZudGtcIixcInN0b3JhZ2VTdGF0ZVwiOntcImdldFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzUxMWI4MGU2ZjdfbXRrNm1kYzZudGtcIixcIm5hbWVcIjpcImdldFwifX0sXCJzZXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF80MTlhMjUwMTE2X210azZtZGM2bnRrXCIsXCJuYW1lXCI6XCJzZXRcIn19fSxcInN1cHBvcnRlZE5hdGl2ZUJyb3dzZXJcIjpmYWxzZSxcInN1cHBvcnRzUG9wdXBzXCI6dHJ1ZSxcInRlc3RcIjp7XCJhY3Rpb25cIjpcImNoZWNrb3V0XCJ9LFwidXNlckV4cGVyaWVuY2VGbG93XCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInVzZXJJRFRva2VuXCI6e1wiX190eXBlX19cIjpcInVuZGVmaW5lZFwifSxcInZhdWx0XCI6dHJ1ZSxcIndhbGxldFwiOntcIl9fdHlwZV9fXCI6XCJ1bmRlZmluZWRcIn19LFwiZXhwb3J0c1wiOntcImluaXRcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8zYzMyNzM2NGI0X210azZtZGM2bnRrXCIsXCJuYW1lXCI6XCJpbml0XCJ9fSxcImNsb3NlXCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfMDhhY2VmOGMzMl9tdGs2bWRjNm50a1wiLFwibmFtZVwiOlwiY2xvc2U6Om1lbW9pemVkXCJ9fSxcImNoZWNrQ2xvc2VcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8zMmVlOTk1M2UyX210azZtZGM2bnRrXCIsXCJuYW1lXCI6XCJjaGVja0Nsb3NlXCJ9fSxcInJlc2l6ZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzYzZDRiNDYxMzlfbXRrNm1kYzZudGtcIixcIm5hbWVcIjpcIl9uXCJ9fSxcIm9uRXJyb3JcIjp7XCJfX3R5cGVfX1wiOlwiY3Jvc3NfZG9tYWluX2Z1bmN0aW9uXCIsXCJfX3ZhbF9fXCI6e1wiaWRcIjpcInVpZF8wNDMwZjdmZWIyX210azZtZGM2bnRrXCIsXCJuYW1lXCI6XCJxblwifX0sXCJzaG93XCI6e1wiX190eXBlX19cIjpcImNyb3NzX2RvbWFpbl9mdW5jdGlvblwiLFwiX192YWxfX1wiOntcImlkXCI6XCJ1aWRfZDYyOTIzNGJhYl9tdGs2bWRjNm50a1wiLFwibmFtZVwiOlwiZ25cIn19LFwiaGlkZVwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkX2MwYWZmZDg4YWVfbXRrNm1kYzZudGtcIixcIm5hbWVcIjpcInZuXCJ9fSxcImV4cG9ydFwiOntcIl9fdHlwZV9fXCI6XCJjcm9zc19kb21haW5fZnVuY3Rpb25cIixcIl9fdmFsX19cIjp7XCJpZFwiOlwidWlkXzIxNTJiYmI3YTZfbXRrNm1kYzZudGtcIixcIm5hbWVcIjpcIlduXCJ9fX19In19__"
title="PayPal" allowpaymentrequest="allowpaymentrequest" scrolling="no" id="jsx-iframe-ca20cdaa25" class="component-frame invisible" style="background-color: transparent; border: none;"></iframe><iframe allowtransparency="true"
name="__zoid_prerender_frame__paypal_buttons_uid_a196e3b3bd_mtk6mdc6ntk__" title="PayPal" allowpaymentrequest="allowpaymentrequest" scrolling="no" id="jsx-iframe-a92c749991" class="prerender-frame visible"
style="background-color: transparent; border: none;"></iframe>
<div id="smart-menu" class="smart-menu"></div>
<div id="installments-modal" class="installments-modal"></div><iframe name="__detect_close_uid_f45f0d3616_mtk6mdc6ntk__" style="display: none;"></iframe>
</div>
</div>
</div>
</div>
<div class="d-flex align-items-center my-3 w-100">
<div class="flex-grow-1 border-bottom"></div>
<h4 class="text-center t-black font-weight-bold p mx-3">Oder mit Kreditkarte bezahlen</h4>
<div class="flex-grow-1 border-bottom"></div>
</div>
<img style="max-width: 240px" class="mb-3" src="https://ryokorouter.com/images/order/cc-payments.svg" data-src="https://ryokorouter.com/images/order/cc-payments.svg" alt="">
<small class="text-black-50"> *Es können Steuern anfallen </small>
</div>
<div class="cart-gap-2"></div>
<div id="billing-details" data-ga-section="6 - Billing Details">
<p x-data="{
number: 2,
text: 'Schritt :NUMB: Rechnungsdaten'
}" @change-step-number-billing.window="number = $event.detail" @change-step-text-billing.window="text = $event.detail" class="cart-step h4 font-weight-bold align-items-center mb-3 mt-0 mb-3" style="display: none; text-align: inherit;"
data-klarna-unload="data-klarna-unload"></p>
<div data-klarna-unload="" class="mb-3" style="display: none;"></div>
<script type="text/template" id="paysafe-template"> <label for="cc_no" class="font-weight-bold p">Kartennummer</label>
<div id="cc_no" class="cart-input p"></div>
<input name="token" type="hidden">
<div class="row">
<div class="col-8">
<label for="expiry_date" class="font-weight-bold p">Ablaufdatum</label>
<div id="expiry_date" class="cart-input p"></div>
</div>
<div class="col-4">
<label for="cvc" class="font-weight-bold p">CVV/CVC/CSC</label>
<div id="cvc" class="cart-input p"></div>
</div>
</div>
</script>
<script type="text/template" id="checkout-template"> <div class="mb-n3">
<div class="card-frame"></div>
<input name="token" type="hidden">
</div>
</script>
<script type="text/template" id="ebanx-template"> <div class="ebanx-cc mb-3">
<label for="cc_no" class="font-weight-bold p">Kartennummer</label>
<input id="cc_no" type="tel" class="cart-input p" name="number" placeholder="XXXX XXXX XXXX XXXX"
required/>
</div>
<div class="row mb-n3">
<div class="col-12 mb-3 col-lg-8 mb-lg-0">
<label for="expiry_date" class="font-weight-bold p">Ablaufdatum</label>
<input id="expiry_date" type="tel" class="cart-input p" maxlength="7" name="due_date" required
placeholder="MM / JJ"
/>
</div>
<div class="col-12 mb-3 col-lg-4 mb-lg-0">
<label for="cvc" class="font-weight-bold p">CVV/CVC/CSC</label>
<input id="cvc" type="tel" class="cart-input p" maxlength="4" name="cvv"
placeholder="XXXX" required/>
</div>
</div>
</script>
<script type="text/template" id="paypal-cc-api-template"> <div class="paypal-cc-api">
<label class="p cart-input-label" for="cc_no">Kartennummer</label>
<div class="position-relative mb-3">
<input
data-validation-error-name="Kartennummer" type="tel"
placeholder="XXXX XXXX XXXX XXXX" class="cart-input p" id="cc_no" name="number" required="required" />
</div>
</div>
<div class="d-flex gap-16 mb-n3 ">
<div class="flex-grow-1">
<label class="p cart-input-label" for="expiry_date">Ablaufdatum</label>
<div class="position-relative mb-3">
<input
data-validation-error-name="Ablaufdatum" type="tel"
placeholder="MM / JJ" class="cart-input p" id="expiry_date" name="due_date" autocomplete="cc-exp" maxlength="7" required="required" />
</div>
</div>
<div>
<label class="p cart-input-label" for="cvc">CVV/CVC/CSC</label>
<div class="position-relative mb-3">
<input
data-validation-error-name="CVV/CVC/CSC" type="tel"
placeholder="XXXX" class="cart-input p" id="cvc" name="cvv" required="required" maxlength="4" autocomplete="cc-csc" />
</div>
</div>
</div>
</script>
<script type="text/template" id="paypal-cc-template"> <div class='card_container mb-n3'>
<div class="row">
<div class="col-12">
<label for='card-number' class="font-weight-bold p">
Kartennummer </label>
<div id='card-number' class='card_field cart-input p'></div>
</div>
<div class="col-8">
<label for='expiration-date' class="font-weight-bold p">
Ablaufdatum </label>
<div id='expiration-date' class='card_field cart-input p'></div>
</div>
<div class="col-4">
<label for='cvv' class="font-weight-bold p">CVV/CVC/CSC</label>
<div id='cvv' class='card_field cart-input p'></div>
</div>
</div>
</div>
</script>
<div class="payment-method-cc ">
<p class="cart-step h4 font-weight-bold d-flex mb-4" style="text-align: inherit;">
<svg class="mr-2" width="20" height="20" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0 10V6.25C0 4.86875 1.11875 3.75 2.5 3.75H27.5C28.88 3.75 30 4.86875 30 6.25V10H0ZM30 13.75V23.75C30 25.13 28.88 26.25 27.5 26.25H2.5C1.11875 26.25 0 25.13 0 23.75V13.75H30ZM11.25 21.25H3.75V22.5H11.25V21.25ZM15 18.75H3.75V20H15V18.75ZM26.25 18.75H22.5V20H26.25V18.75Z"
fill="black"></path>
</svg> Schritt 2: Verfügbare Zahlungsmethoden
</p>
<div class="klarna-payment-options">
<div class="klarna-payment-options-box">
<p class="d-flex align-items-center lh-1 mb-3 mr-2">
<img src="/theme/instant-translator/order4/images/checkout-visa.svg" alt="" height="30" class="klarna-payment-options-img mr-2">
<img src="/theme/instant-translator/order4/images/checkout-mastercard.svg" alt="" height="30" class="klarna-payment-options-img mr-2"> VISA oder Mastercard
</p>
<p class="paypal-option d-flex align-items-center lh-1 mb-3 mr-2">
<span class="klarna-payment-options-pp mr-2">
<img src="/theme/instant-translator/order7/images/ico-paypal.svg" alt="" height="15">
</span> Mit PayPal zahlen
</p>
<p class="d-flex align-items-center lh-1 mb-3 mr-2">
<img src="https://x.klarnacdn.net/payment-method/assets/badges/generic/klarna.svg" alt="" height="30" class="klarna-payment-options-img mr-2"> In 30 Tagen zahlen
</p>
<p class="d-flex align-items-center lh-1 mr-2">
<img src="https://x.klarnacdn.net/payment-method/assets/badges/generic/klarna.svg" alt="" height="30" class="klarna-payment-options-img mr-2"> Zinsfreie Ratenzahlung
</p>
</div>
</div>
<style>
#klarna-checkout-container {
margin: 15px -15px -15px -15px;
}
.klarna-payment-options {
font-size: 14px;
line-height: 35px;
padding-bottom: 15px;
}
.klarna-payment-options-box {
border: 1px solid rgb(150, 147, 145);
border-radius: 5px;
padding-top: 10px;
}
.klarna-payment-options p {
margin-bottom: 8px;
padding-left: 10px;
cursor: pointer;
}
.klarna-payment-options-img {
border-radius: 8px;
height: 30px;
}
.klarna-payment-options-pp {
padding: 0 6px;
line-height: 30px;
display: inline-block;
background: #f3f3f3;
border-radius: 5px;
}
@media (max-width: 350px) {
.klarna-payment-options {
line-height: 28px;
}
.klarna-payment-options-img {
height: 26px;
}
.klarna-payment-options-pp {
padding: 0 4px;
line-height: 26px;
}
.klarna-payment-options p {
margin-bottom: 8px;
}
}
</style>
<div style="min-height: 40px" id="klarna-checkout-container" class="order-form-loading"></div>
</div>
</div>
<script type="text/template" id="instalments-template"> <label for="installments" class="font-weight-bold p">Zinsfreie Ratenzahlung</label>
<select id="installments" class="cart-input p" required name="installments"><option value="1" selected="selected">1</option><option value="3">3</option><option value="6">6</option><option value="9">9</option><option value="12">12</option></select>
</script>
<script type="text/template" id="blik-template"> <div class="blik-step-1">
<p class="font-weight-bold text-center pt-3">Öffnen Sie Ihre BLIK-App und geben Sie unten die 6 Ziffern ein:</p>
<input
x-data="{ blikCode: null }"
x-init="$watch('blikCode', function () { $dispatch('blik-code-updated', blikCode)})" type="text"
name="blik_code" id="blik-code"
x-model="blikCode"
maxlength="6"
minlength="6"
class="form-control form-control-lg w-50 h-50 mx-auto p-4 text-center font-weight-bold"
style="letter-spacing: 5px;"
placeholder="___ ___"
required>
</div>
<div class="blik-step-2" style="display: none;">
<p class="font-weight-bold text-center pt-3">Bitte bestätigen Sie Ihre Zahlung auf Ihrem Mobilgerät.</p>
<h1 class="text-center font-size blik-seconds"></h1>
</div>
<input name="error" type="hidden">
</script>
</div>
</div>
<div class="col-md-6">
<div class="bg-white cart-box-second tw-overflow-hidden">
<div class="d-none d-md-block">
<div class="d-flex align-items-center ">
<svg style="min-width: 24px;" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.0616 0.5L8.86518 11.6534L3.93839 6.74456L0 10.6688L8.86518 19.5L24 4.42328L20.0616 0.5Z" fill="#3475F6"></path>
</svg>
<p class="p mb-0 ml-2"><strong>KOSTENLOS 500MB weltweites Datenvolumen</strong> </p>
</div>
<div class="d-flex align-items-center mt-2">
<svg style="min-width: 24px;" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.0616 0.5L8.86518 11.6534L3.93839 6.74456L0 10.6688L8.86518 19.5L24 4.42328L20.0616 0.5Z" fill="#3475F6"></path>
</svg>
<p class="p mb-0 ml-2"><strong>30 Tage Geld-zurück-Garantie</strong> </p>
</div>
<div class="d-flex align-items-center mt-2">
<svg style="min-width: 24px;" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.0616 0.5L8.86518 11.6534L3.93839 6.74456L0 10.6688L8.86518 19.5L24 4.42328L20.0616 0.5Z" fill="#3475F6"></path>
</svg>
<p class="p mb-0 ml-2"><strong>KOSTENLOSER Versand bei allen Bestellungen</strong> </p>
</div>
</div>
<div class="d-none d-md-block">
<div class="cart-gap-2"></div>
</div>
<div class="cart-gap-2"></div>
<div x-data="{}" x-on:input.once="$dispatch('everflow-customer-info-form-touched')" data-klarna-unload="" class="order-customer-information order-customer-information--" data-ga-section="7 - Customer Information" style="display: none;"></div>
<div class="cart-gap-2"></div>
<input name="timezone" type="hidden" value="Europe/Berlin">
<div data-klarna-unload="" class="order-delivery-information" x-data="deliveryDetails" data-ga-section="8 - Delivery Details" style="display: none;"></div>
<div id="delivery-options-right-placeholder">
<div id="delivery-options" x-data="deliveryOptions" x-show="show() && !hide" class="mt-3" x-on:delivery-options-reposition-left.window="repositionLeft" x-on:delivery-options-reposition-right.window="repositionRight"
x-on:delivery-options-hide.window="hide = true" x-on:delivery-options-show.window="hide = false" style="display: none;">
<p class="tw-text-base tw-font-bold tw-mb-1">
<template x-if="Alpine.store('cartDeliveryOptions').getDisplayedOptions__cartDeliveryOptions().length > 1">
<span> Wählen Sie Ihre Versandart </span>
</template>
<template x-if="Alpine.store('cartDeliveryOptions').getDisplayedOptions__cartDeliveryOptions().length === 1">
<span> Versand </span>
</template><span> Versand </span>
</p>
<template x-if="show"
x-data="standardDeliveryOption(JSON.parse('{\u0022id\u0022:\u0022[\\u0022standard-delivery\\u0022,\\u00220.00\\u0022,1,\\u0022Standardversand\\u0022,[],\\u0022EUR\\u0022,null,0,\\u00220.00\\u0022,[],\\u0022https:\\\\\\\/\\\\\\\/ryokorouter.com\\\\\\\/ryoko-pro\\\\\\\/order?affiliate_id=259\\u0026evf=1\\u0026l=de\\u0026offid=61\\u0026source_id=208185_\\u0026sub4=\\u0026subid5=25f40605007047df9084440c02c0e82925dfb\\u0026uid=5968\\u0026vndr=evf\\u0022,\\u0022shipping\\u0022,\\u00220.00\\u0022,70,null]\u0022,\u0022product_id\u0022:\u0022standard-delivery\u0022,\u0022label\u0022:\u0022Standardversand\u0022,\u0022checked\u0022:false,\u0022count\u0022:1,\u0022price\u0022:0,\u0022price_formatted\u0022:\u0022\\u20ac 0,00\u0022,\u0022unit_original_price\u0022:\u00220\u0022,\u0022unit_original_price_formatted\u0022:\u0022\\u20ac 0,00\u0022,\u0022total_price\u0022:\u00220.00\u0022,\u0022total_price_formatted\u0022:\u0022\\u20ac 0,00\u0022,\u0022original_price\u0022:\u00220.00\u0022,\u0022original_price_formatted\u0022:\u0022\\u20ac 0,00\u0022,\u0022subscription_price\u0022:null,\u0022subscription_price_formatted\u0022:null,\u0022currency\u0022:\u0022EUR\u0022,\u0022converted_from_currency\u0022:\u0022USD\u0022,\u0022discount_applied\u0022:\u0022\\u20ac 0,00\u0022,\u0022discount_percentage\u0022:70,\u0022discount_percentage_formatted\u0022:\u002270\\u00a0%\u0022,\u0022attributes\u0022:[],\u0022label_price_template\u0022:\u0022Standardversand\u0022,\u0022has_gift\u0022:false,\u0022related_pricing_items\u0022:[],\u0022old_price\u0022:null,\u0022trans\u0022:\u0022global.standard_delivery\u0022,\u0022order\u0022:1,\u0022subscription_plan\u0022:null,\u0022pricing_id\u0022:1413}'))">
<div class="tw-cursor-pointer tw-flex tw-items-start tw-mt-2" x-on:click="Alpine.store('cartDeliveryOptions').select('standard-delivery')">
<div class="tw-mr-2">
<div x-data="{ active: false }" x-modelable="active" class="tw-bg-transparent tw-h-[20px] tw-w-[20px] tw-p-[4px] tw-border tw-text-[#e1e1e1]
tw-border-solid tw-border-current tw-bg-clip-content tw-transition-colors tw-rounded-full" x-model="option__deliveryOption().checked" :class="active ? '!tw-text-selection !tw-bg-current': '' ">
</div>
</div>
<p class="tw-mb-0"> Standard <template x-if="Alpine.store('cartDeliveryOptions').minStandardDeliveryDays && Alpine.store('cartDeliveryOptions').maxStandardDeliveryDays">
<span x-data=""> (<span x-text="Alpine.store('cartDeliveryOptions').minStandardDeliveryDays"></span>-<span x-text="Alpine.store('cartDeliveryOptions').maxStandardDeliveryDays"></span> Tage)</span>
</template>
<template x-if="option__deliveryOption().totalPrice > 0">
<span class="tw-ml-1" x-html="option__deliveryOption().totalPriceFormatted">
</span></template>
<template x-if="option__deliveryOption().totalPrice <= 0">
<span>Kostenlos</span>
</template>
</p>
</div>
</template>
<div class="tw-cursor-pointer tw-flex tw-items-start tw-mt-2" x-on:click="Alpine.store('cartDeliveryOptions').select('standard-delivery')">
<div class="tw-mr-2">
<div x-data="{ active: false }" x-modelable="active"
class="tw-bg-transparent tw-h-[20px] tw-w-[20px] tw-p-[4px] tw-border tw-text-[#e1e1e1] tw-border-solid tw-border-current tw-bg-clip-content tw-transition-colors tw-rounded-full !tw-text-selection !tw-bg-current"
x-model="option__deliveryOption().checked" :class="active ? '!tw-text-selection !tw-bg-current': '' ">
</div>
</div>
<p class="tw-mb-0"> Standard <template x-if="Alpine.store('cartDeliveryOptions').minStandardDeliveryDays && Alpine.store('cartDeliveryOptions').maxStandardDeliveryDays">
<span x-data=""> (<span x-text="Alpine.store('cartDeliveryOptions').minStandardDeliveryDays"></span>-<span x-text="Alpine.store('cartDeliveryOptions').maxStandardDeliveryDays"></span> Tage)</span>
</template>
<template x-if="option__deliveryOption().totalPrice > 0">
<span class="tw-ml-1" x-html="option__deliveryOption().totalPriceFormatted">
</span></template>
<template x-if="option__deliveryOption().totalPrice <= 0">
<span>Kostenlos</span>
</template><span>Kostenlos</span>
</p>
</div>
<template x-if="show"
x-data="expressDeliveryOption(JSON.parse('{\u0022id\u0022:\u0022[\\u0022express-delivery\\u0022,\\u002219.99\\u0022,1,\\u0022Upgrade auf Expresszustellung\\u0022,[],\\u0022EUR\\u0022,null,0,\\u002219.99\\u0022,[],\\u0022https:\\\\\\\/\\\\\\\/ryokorouter.com\\\\\\\/ryoko-pro\\\\\\\/order?affiliate_id=259\\u0026evf=1\\u0026l=de\\u0026offid=61\\u0026source_id=208185_\\u0026sub4=\\u0026subid5=25f40605007047df9084440c02c0e82925dfb\\u0026uid=5968\\u0026vndr=evf\\u0022,\\u0022shipping\\u0022,\\u002219.99\\u0022,70,null]\u0022,\u0022product_id\u0022:\u0022express-delivery\u0022,\u0022label\u0022:\u0022Upgrade auf Expresszustellung\u0022,\u0022checked\u0022:false,\u0022count\u0022:1,\u0022price\u0022:19.99,\u0022price_formatted\u0022:\u0022\\u20ac 19,99\u0022,\u0022unit_original_price\u0022:\u002266.63\u0022,\u0022unit_original_price_formatted\u0022:\u0022\\u20ac 66,63\u0022,\u0022total_price\u0022:\u002219.99\u0022,\u0022total_price_formatted\u0022:\u0022\\u20ac 19,99\u0022,\u0022original_price\u0022:\u002219.99\u0022,\u0022original_price_formatted\u0022:\u0022\\u20ac 19,99\u0022,\u0022subscription_price\u0022:null,\u0022subscription_price_formatted\u0022:null,\u0022currency\u0022:\u0022EUR\u0022,\u0022converted_from_currency\u0022:\u0022USD\u0022,\u0022discount_applied\u0022:\u0022\\u20ac 0,00\u0022,\u0022discount_percentage\u0022:70,\u0022discount_percentage_formatted\u0022:\u002270\\u00a0%\u0022,\u0022attributes\u0022:[],\u0022label_price_template\u0022:\u0022Upgrade auf Expresszustellung\u0022,\u0022has_gift\u0022:false,\u0022related_pricing_items\u0022:[],\u0022old_price\u0022:null,\u0022trans\u0022:\u0022global.express_delivery\u0022,\u0022order\u0022:1,\u0022subscription_plan\u0022:null,\u0022pricing_id\u0022:221}'))">
<div class="tw-cursor-pointer tw-flex tw-items-start tw-mt-2" x-on:click="Alpine.store('cartDeliveryOptions').select('express-delivery')">
<div class="tw-mr-2">
<div x-data="{ active: false }" x-modelable="active" class="tw-bg-transparent tw-h-[20px] tw-w-[20px] tw-p-[4px] tw-border tw-text-[#e1e1e1]
tw-border-solid tw-border-current tw-bg-clip-content tw-transition-colors tw-rounded-full" x-model="option__deliveryOption().checked" :class="active ? '!tw-text-selection !tw-bg-current': '' ">
</div>
</div>
<p class="tw-mb-0"> Express <template x-if="Alpine.store('cartDeliveryOptions').minStandardDeliveryDays && Alpine.store('cartDeliveryOptions').maxStandardDeliveryDays">
<span> (<span x-text="Alpine.store('cartDeliveryOptions').minExpressDeliveryDays"></span>-<span x-text="Alpine.store('cartDeliveryOptions').maxExpressDeliveryDays"></span> Tage) </span>
</template>
<template x-if="option__deliveryOption().totalPrice > 0">
<span class="tw-ml-1" x-html="option__deliveryOption().totalPriceFormatted">
</span></template>
<template x-if="option__deliveryOption().totalPrice <= 0">
<span>Kostenlos</span>
</template>
</p>
</div>
</template>
<div id="australia-post-widget-location"></div>
<div id="parcel-locker-error-placeholder"></div>
</div>
</div>
<div data-klarna-unload="" style="display: none;"></div>
<div class="cart-gap-2"></div>
<img src="https://ryokorouter.com/theme/images/secured.png" data-src="https://ryokorouter.com/theme/images/secured.png" alt="" class="img-fluid d-block mx-auto" data-ga-section="9 - Secured Images">
<div class="cart-gap-small"></div>
<ul class="invalid-feedback error-summary"></ul>
<span data-ga-section="10 - CTA" class="js-order-form-submit-wrapper" x-init="
Alpine.store('cartButton').defaultText = 'Ja, schicken Sie mir jetzt meine Ryoko';
Alpine.store('cartButton').codText = 'Bestellen Sie jetzt \u2013 zahlen Sie bei der Lieferung';
Alpine.store('cartButton').setDefaultText();
">
<button class="btn-block px-2 btn btn-pay order-form-submit" type="submit" data-ga-event="convert" data-ga-category="Call To Action" data-ga-click="10 - CTA (CTA)" x-text="Alpine.store('cartButton').text" style="display: none;">Ja, schicken
Sie mir jetzt meine Ryoko</button>
</span>
<div class="cart-gap-small"></div>
<div class="order-pay text-center" data-ga-section="11 - SSL">
<div class="d-flex align-items-center justify-content-center mb-2">
<img class="mx-0" style="height: 16px" src="https://ryokorouter.com/theme/images/lock-green.svg" data-src="https://ryokorouter.com/theme/images/lock-green.svg" alt="">
<p class="font-weight-bold p ml-2">
<b class="green"> SSL</b> SICHERE ZAHLUNG
</p>
</div>
<p class="p t-gray-body">Ihre Daten sind durch eine 256-Bit-SSL-Verschlüsselung geschützt</p>
</div>
<div class="d-md-none">
<div class="cart-gap-2"></div>
</div>
<div class="d-md-none">
<div class="d-flex align-items-center ">
<svg style="min-width: 24px;" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.0616 0.5L8.86518 11.6534L3.93839 6.74456L0 10.6688L8.86518 19.5L24 4.42328L20.0616 0.5Z" fill="#3475F6"></path>
</svg>
<p class="p mb-0 ml-2"><strong>KOSTENLOS 500MB weltweites Datenvolumen</strong> </p>
</div>
<div class="d-flex align-items-center mt-2">
<svg style="min-width: 24px;" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.0616 0.5L8.86518 11.6534L3.93839 6.74456L0 10.6688L8.86518 19.5L24 4.42328L20.0616 0.5Z" fill="#3475F6"></path>
</svg>
<p class="p mb-0 ml-2"><strong>30 Tage Geld-zurück-Garantie</strong> </p>
</div>
<div class="d-flex align-items-center mt-2">
<svg style="min-width: 24px;" width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.0616 0.5L8.86518 11.6534L3.93839 6.74456L0 10.6688L8.86518 19.5L24 4.42328L20.0616 0.5Z" fill="#3475F6"></path>
</svg>
<p class="p mb-0 ml-2"><strong>KOSTENLOSER Versand bei allen Bestellungen</strong> </p>
</div>
</div>
</div>
</div>
<div class="tw-mt-10 sm:-tw-mb-7 tw-basis-full tw-text-center" data-ga-section="1 - Terms and conditions may apply. Please consult our refund policy for more details.">
<div class="tw-container tw-px-container md:tw-px-container-md lg:tw-px-container-lg
xl:tw-px-container-xl">
<a href="https://ryokorouter.com/return data-ga-category=" link"="" data-ga-click="1 - Terms and conditions may apply. Please consult our refund policy for more details. (Terms and Conditions Button)" "="">
*Es gelten die Allgemeinen Geschäftbedingungen. Bitte lesen Sie unsere Rückerstattungsrichtlinie für weitere Details. </a>
</div>
</div>
</div>
<div x-data="">
<template x-for="(item, name) in Alpine.store('cartItems').items" :key="name">
<div>
<template x-if="!Alpine.store('cartItems').addEverythingToCart">
<div>
<template x-if="name === 'product[delivery]'">
<input data-selected="" type="hidden" x-bind:value="item" x-bind:name="name">
</template>
<template x-if="name.startsWith('product[coverlastic-') || name.startsWith('product[upsell-coverlastic-')">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
<template x-if="name !== 'product[delivery]' && !name.startsWith('product[coverlastic-')">
<input type="hidden" x-bind:value="item" x-bind:name="'temporary-' + name">
</template>
<template x-if="name.startsWith('product[viaota-plan-') || name.startsWith('product[ryoko-2')">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
<template x-if="name === 'product[huusk-2]'">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
</div>
</template>
<template x-if="Alpine.store('cartItems').addEverythingToCart">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
</div>
</template><div>
<template x-if="!Alpine.store('cartItems').addEverythingToCart">
<div>
<template x-if="name === 'product[delivery]'">
<input data-selected="" type="hidden" x-bind:value="item" x-bind:name="name">
</template>
<template x-if="name.startsWith('product[coverlastic-') || name.startsWith('product[upsell-coverlastic-')">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
<template x-if="name !== 'product[delivery]' && !name.startsWith('product[coverlastic-')">
<input type="hidden" x-bind:value="item" x-bind:name="'temporary-' + name">
</template>
<template x-if="name.startsWith('product[viaota-plan-') || name.startsWith('product[ryoko-2')">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
<template x-if="name === 'product[huusk-2]'">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
</div>
</template><div>
<template x-if="name === 'product[delivery]'">
<input data-selected="" type="hidden" x-bind:value="item" x-bind:name="name">
</template>
<template x-if="name.startsWith('product[coverlastic-') || name.startsWith('product[upsell-coverlastic-')">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
<template x-if="name !== 'product[delivery]' && !name.startsWith('product[coverlastic-')">
<input type="hidden" x-bind:value="item" x-bind:name="'temporary-' + name">
</template><input type="hidden" x-bind:value="item" x-bind:name="'temporary-' + name" value="["ryoko-pro","138.00",2,"2 MUAMA Ryoko (\u20ac 69,00\/St\u00fcck)",[],"EUR",null,0,"460",[],"https:\/\/ryokorouter.com\/ryoko-pro\/order?affiliate_id=259&evf=1&l=de&offid=61&source_id=208185_&sub4=&subid5=25f40605007047df9084440c02c0e82925dfb&uid=5968&vndr=evf","physical_product","460",70,null]" name="temporary-product[p1]">
<template x-if="name.startsWith('product[viaota-plan-') || name.startsWith('product[ryoko-2')">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
<template x-if="name === 'product[huusk-2]'">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
</div>
<template x-if="Alpine.store('cartItems').addEverythingToCart">
<input type="hidden" x-bind:value="item" x-bind:name="name">
</template>
</div>
</div>
</form>Text Content
Tragbares WLAN Schnelle Internetverbindung Sichere Verbindung Spart Zeit & Geld Schnelle Internetverbindung Sichere Verbindung Spart Zeit & Geld Schnelle Internetverbindung Sichere Verbindung Spart Zeit & Geld IHRE ZAHLUNG WURDE ABGELEHNT. GRUND: Zurück zum Checkout Ihr Rabatt von 70 % wurde angewandt NUR FÜR KURZE ZEIT: Ryoko ist zum Preis von € 296,67 € 89,00 erhältlich (70 % Rabatt pro Einheit) Kostenloser Versand auf jede Bestellung! NUR FÜR KURZE ZEIT: Ryoko ist zum Preis von € 296,67 € 89,00 erhältlich (70 % Rabatt pro Einheit) Kostenloser Versand auf jede Bestellung! Schritt 1: Anzahl auswählen Am beliebtesten 4 x Ryoko Pro € 733,33 € 220,00 Am beliebtesten 3 x Ryoko Pro € 590,00 € 177,00 2 x Ryoko Pro € 460,00 € 138,00 1 x Ryoko Pro € 296,67 € 89,00 EXPRESS-KASSE ODER MIT KREDITKARTE BEZAHLEN *Es können Steuern anfallen Schritt 2: Verfügbare Zahlungsmethoden VISA oder Mastercard Mit PayPal zahlen In 30 Tagen zahlen Zinsfreie Ratenzahlung KOSTENLOS 500MB weltweites Datenvolumen 30 Tage Geld-zurück-Garantie KOSTENLOSER Versand bei allen Bestellungen Wählen Sie Ihre Versandart Versand Versand Standard (- Tage) Kostenlos Standard (- Tage) Kostenlos Kostenlos Express (- Tage) Kostenlos Ja, schicken Sie mir jetzt meine Ryoko SSL SICHERE ZAHLUNG Ihre Daten sind durch eine 256-Bit-SSL-Verschlüsselung geschützt KOSTENLOS 500MB weltweites Datenvolumen 30 Tage Geld-zurück-Garantie KOSTENLOSER Versand bei allen Bestellungen *Es gelten die Allgemeinen Geschäftbedingungen. Bitte lesen Sie unsere Rückerstattungsrichtlinie für weitere Details. Kontakt AGB Datenschutz Lieferbedingungen Rückgabe & Rückerstattung Klarna Häufig gestellte Fragen Garantierichtlinie Beate aus Berlin, DE hat eine Bestellung aufgegeben. X1 Tragbares WLAN-Gerät verkauft!