@font-face {
src:local('Moon Flower Bold'), local('MoonFlowerBold'),url('/fileadmin/templates/fonts/MoonFlowerBold.woff2') format('woff2'),url('/fileadmin/templates/fonts/MoonFlowerBold.woff') format('woff');
font-weight:bold;
font-style:normal;
font-display:swap;
}
.hideVoucherWrapper .voucherGenerator {
opacity:0;
}
.voucherGenerator_wrapper {
width:calc((12 * var(--gridColumnWidth)) + (11 * var(--gridDistanceWidth)));
margin:0 auto;
}
.voucherSection_wrapper {
position:relative;
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.distanceWrapper {
position:relative;
width:100%;
margin-top:0;
}
.voucherSection_column {
position:relative;
width:100%;
}
#voucherSection_2 .voucherSection_column {
position:relative;
width:calc(50% - (0.5 * var(--gridDistanceWidth)));
}
#voucherSection_4 .voucherSection_column {
position:relative;
width:calc(50% - (0.5 * var(--gridDistanceWidth)));
}
#voucherForm {
position:relative;
width:100%;
}
.designSlider_wrapper {
position:relative;
width:100%;
}
.designSlider_slider {
position:relative;
width:calc((12 * var(--gridColumnWidth)) + (11 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)))!important;
margin:0 auto;
height:calc((((12 * var(--gridColumnWidth)) + (11 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (3 * (20px * var(--pixelMultiplicator)))) / 4) / 430 * 298);
}
.designItem_holder {
position:relative;
width:calc(((12 * var(--gridColumnWidth)) + (11 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (3 * (20px * var(--pixelMultiplicator)))) / 4);
height:calc((((12 * var(--gridColumnWidth)) + (11 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (3 * (20px * var(--pixelMultiplicator)))) / 4) / 430 * 298);
/*border-radius:calc(20px * var(--pixelMultiplicator));*/
overflow:hidden;
}
.designItem {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#ffffff;
cursor:pointer;
}
.designItem_image {
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.designItem_overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#4ca32f;
opacity:0.3;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.designItem:hover .designItem_overlay, .designItem.active .designItem_overlay {
opacity:0;
}
.voucher_title {
text-align:center;
}
.stepForward, .stepBackward {
cursor:pointer;
}
.stepBackward:empty {
opacity:0;
}
.pdf-pro-image-mode img {
max-width:100%;
width:100%;
height:auto;
border:0;
display:inline-block;
}
.designPdf {
position:relative;
min-height:1px;
background-size:contain;
background-position:top center;
background-repeat:no-repeat;
-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.2);
box-shadow:5px 5px 5px 0px rgba(0,0,0,0.2);
border:1px solid #ccc;
color:#000000;
font-weight:700;
}
.designPdf * {
color:#000000;
font-weight:700;
}
.voucherName {
position:absolute;
width:80.4%;
left:9.8%;
top:57%;
}
.voucherName_content {
position:relative;
width:100%;
white-space:nowrap;
font-size:28px;
line-height:32px;
font-weight:400;
color:#4ca32f;
text-align:center;
}
.voucherGreeting {
position:absolute;
width:80.4%;
left:9.8%;
top:77.5%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}
.voucherGreeting_content {
position:relative;
width:100%;
font-size:28px;
line-height:32px;
font-weight:400;
color:#000;
text-align:center;
}
.voucherItems {
position:absolute;
width:80.4%;
left:9.8%;
top:67.2%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}
.voucherItems_wrapper {
position:relative;
width:100%;
display:flex;
align-items:flex-end;
}
.voucherItems_content {
position:relative;
width:100%;
font-size:28px;
line-height:32px;
font-weight:400;
color:#4ca32f;
text-align:center;
}
.voucherItems_colorRed {
font-size:28px;
line-height:32px;
font-weight:400;
color:#4ca32f;
}
.voucherItems_noWrap {
white-space:nowrap;
}
#voucherForm .error label {
color:#4ca32f;
}
#voucherForm .error label a {
color:#4ca32f;
}
#voucherForm input[type=checkbox].css-checkbox:checked + label.css-label, #voucherForm input[type=radio].css-checkbox:checked + label.css-label {
background-image:url(/typo3conf/ext/voucher/Resources/Public/Images/checked.svg);
}
#voucherForm .overview_content {
margin-bottom:calc(40px * var(--pixelMultiplicator));
}
.overview_content h4 {
margin-bottom:calc(20px * var(--pixelMultiplicator));
}
#voucherForm .error input[type=checkbox].css-checkbox + label.css-label, .error input[type=radio].css-checkbox + label.css-label {
background-image:url(/typo3conf/ext/voucher/Resources/Public/Images/unchecked_red.svg);
color:#4ca32f;
}
#voucherForm .error label.css-label a {
color:#4ca32f;
}
#voucherForm .error input[type="text"], #voucherForm .error input[type="email"], #voucherForm .error input[type="number"], #voucherForm .error textarea {
color:#4ca32f;
}
.stepContainer {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.stepForwardContainer {
display:flex;
flex-direction:column;
align-items:flex-end;
}
.voucherSection .spaSection_wrapper {
width:100%;
}
.spaItem_contentFlex {
display:flex;
justify-content:space-between;
align-items:flex-end;
}
.spaItem_contentBasket {
}
.spaItem_contentBasket svg {
height:calc(30px * var(--pixelMultiplicator));
width:auto;
cursor:pointer;
}
.spaItem_contentBasket svg path {
-webkit-transition:all 200ms ease-in-out;
-moz-transition:all 200ms ease-in-out;
-ms-transition:all 200ms ease-in-out;
-o-transition:all 200ms ease-in-out;
transition:all 200ms ease-in-out;
}
.spaItem_contentBasket:hover .voucherIcon_yellow {
fill:#4ca32f;
}
.spaItem_contentBasket:hover .voucherIcon_black {
stroke:#000000!important;
}
.accordionItem_headerTitle {
text-align:center;
}
.spaItem_contentRight {
margin-left:calc(50px * var(--pixelMultiplicator));
}
.miniBasket_array {
display:none;
}
.voucherSection + .voucherSection {
margin-top:0;
}
.designSlider_wrapper .owl-nav button {
border:0;
}
.designItem_overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#4ca32f;
opacity:.5;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.designItem:hover .designItem_overlay, .designItem.active .designItem_overlay {
opacity:0;
}
.stepForward + .stepForward {
margin-top:calc(20px * var(--pixelMultiplicator));
}
.itemText_holder {
display:none;
}
.voucherItems_contentIcon {
color:#ae9a63;
}
.spaItem_contentInfos {
margin-top:calc(20px * var(--pixelMultiplicator));
}
.popupSection {
position:fixed;
top:0;
left:0;
width:100%;
height:100dvh;
z-index:100;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
opacity:0;
pointer-events:none;
display:flex;
justify-content:center;
align-items:center;
}
.requiredPopupOpen #requiredAlert {
opacity:1;
pointer-events:initial;
}
.popupSection_background {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.4);
cursor:pointer;
}
.popupSection_wrapper {
position:relative;
margin-top:-50vh;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
background:#fffffffff;
padding:calc(50px * var(--pixelMultiplicator));
text-align:center;
opacity:0;
max-width:calc(100vw - (200px * var(--pixelMultiplicator)));
}
.popupVisible .popupSection_wrapper {
margin-top:0;
opacity:1;
}
.popupSection_closerHolder {
width:100%;
padding-top:calc(25px * var(--pixelMultiplicator));
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}
.popupSection_closerWrapper {
position:relative;
cursor:pointer;
display:inline-flex;
}
.error .formField_styled {
border-bottom:calc(1px * var(--pixelMultiplicator)) solid #4ca32f;
}
.error .spaItem_title {
color:#4ca32f;
}
.designSlider_wrapper {
position:relative;
width:100%;
}
.voucherSection .productItem_formHolder {
width:calc((4 * var(--gridColumnWidth)) + (3 * var(--gridDistanceWidth)));
}
.voucherSection {
position:relative;
width:100%;
}
.formRow_gift {
display:none!important;
}
#overview_payment {
margin-bottom:0;
}
@media screen and (max-width:1679px) {
.voucherGenerator_wrapper {
width:calc((var(--gridColumnWidth) * 20) + (19 * var(--gridDistanceWidth)));
}
.designSlider_slider {
width:calc((20 * var(--gridColumnWidth)) + (19 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)))!important;
height:calc((((20 * var(--gridColumnWidth)) + (19 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (3 * (20px * var(--pixelMultiplicator)))) / 4) / 430 * 298);
}
.designItem_holder {
width:calc(((20 * var(--gridColumnWidth)) + (19 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (3 * (20px * var(--pixelMultiplicator)))) / 4);
height:calc((((20 * var(--gridColumnWidth)) + (19 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (3 * (20px * var(--pixelMultiplicator)))) / 4) / 430 * 298);
}
.voucherSection .productItem_formHolder {
width:calc((10 * var(--gridColumnWidth)) + (9 * var(--gridDistanceWidth)));
margin-left:calc((0 * var(--gridColumnWidth)) + (1 * var(--gridDistanceWidth)));
padding-left:calc(10px * var(--pixelMultiplicator));
}
}
@media screen and (max-width:1023px) {
.accordionItem_headerTitle {
width:100%;
text-align:center;
}
.voucherGenerator_wrapper {
width:calc((22 * var(--gridColumnWidth)) + (21 * var(--gridDistanceWidth)));
}
.designSlider_slider {
width:calc((22 * var(--gridColumnWidth)) + (21 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)))!important;
height:calc((((22 * var(--gridColumnWidth)) + (21 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (2 * (20px * var(--pixelMultiplicator)))) / 3) / 430 * 298);
}
.designItem_holder {
width:calc(((22 * var(--gridColumnWidth)) + (21 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (2 * (20px * var(--pixelMultiplicator)))) / 3);
height:calc((((22 * var(--gridColumnWidth)) + (21 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (2 * (20px * var(--pixelMultiplicator)))) / 3) / 430 * 298);
}
    .voucherSection .productItem_formHolder {
        width:calc((9 * var(--gridColumnWidth)) + (8 * var(--gridDistanceWidth)));
    }
    .voucherSection .productItem_titleHolder {
        width:calc((13 * var(--gridColumnWidth)) + (12 * var(--gridDistanceWidth)));
}
}
@media screen and (max-width:767px) {
.voucherGenerator_wrapper {
width:calc((var(--gridColumnWidth) * 22) + (21 * var(--gridDistanceWidth)));
}
.designSlider_slider {
height:calc((((22 * var(--gridColumnWidth)) + (21 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (1 * (20px * var(--pixelMultiplicator)))) / 2) / 430 * 298);
}
.designItem_holder {
width:calc(((22 * var(--gridColumnWidth)) + (21 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (1 * (20px * var(--pixelMultiplicator)))) / 2);
height:calc((((22 * var(--gridColumnWidth)) + (21 * var(--gridDistanceWidth)) - (80px * var(--pixelMultiplicator)) - (1 * (20px * var(--pixelMultiplicator)))) / 2) / 430 * 298);
}
    .voucherSection .productItem_formHolder {
    margin-top:calc(20px * var(--pixelMultiplicator));
width:calc((var(--gridColumnWidth) * 22) + (21 * var(--gridDistanceWidth)));
margin-left:0;
    }
    .voucherSection .productItem_titleHolder {
width:calc((var(--gridColumnWidth) * 22) + (21 * var(--gridDistanceWidth)));
}
.voucherSection .productItem_form {
flex-direction:column;
}
.voucherSection_column {
    width:100%!important;
}
.voucherSection_column {
    margin-top:calc(50px * var(--pixelMultiplicator));
order:2;
}
.voucherSection_column + .voucherSection_column {
    margin-top:0;
order:1;
}
}