var css = document.createElement('style');
css.type = 'text/css';
var styles = `.home-usp-image {
width: 170px;
max-width: 76%;
}
.home-usp-description span {
display: block;
text-transform: uppercase;
margin-top: 10px;
}
.dots-fix .list-item-carousel {
padding-bottom: 25px;
}
@media (max-width: 750.98px) {
.page-home-category .textWrapper p {
font-size: 15px;
font-weight: 300;
line-height: 22px;
margin-bottom: 0;
}
}`;
if (css.styleSheet) css.styleSheet.cssText = styles;
else css.appendChild(document.createTextNode(styles));
document.getElementsByTagName("head")[0].appendChild(css);
var css = document.createElement('style');
css.type = 'text/css';
var styles = `@media (min-width: 576px) {
.min-height-list {
min-height: calc(268px + 26rem);
}
}
@media (max-width: 575px) {
.min-height-list {
min-height: 250px;
}
}
#nl-toggle-button {
position: fixed;
color: #fff;
background: #000000;
left: 0;
top: 60vh;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
padding: 13px 10px 8px 13px;
line-height: 16px;
letter-spacing: -0.4px;
border-radius: 0 10px 10px 0;
cursor: pointer;
z-index: 99;
}
.sib-form #nl-toggle-button:before {
content: "\\f053";
font-family: "Icons";
color: #000;
display: flex;
width: 100%;
height: 100%;
background: #ead6bc;
position: absolute;
left: 0;
top: 0;
border-radius: 0 10px 10px 0;
justify-content: center;
align-items: center;
font-size: 20px;
opacity: 0;
transition: all 250ms ease-in-out;
}
.sib-form.active #nl-toggle-button:before {
opacity: 1;
}
.sib-form.sib-form-modal-container {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
opacity: 0;
display: none;
}
.sib-form.sib-form-modal-container.active {
opacity: 1;
display: block;
}
.sib-form-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000a6;
z-index: 1;
}
.sib-form.sib-form-modal-container div#sib-form-container {
position: absolute;
z-index: 999;
width: 760px;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
height: max-content;
max-height: 92%;
max-width: 92%;
}
div#nl-close-button {
position: absolute;
top: -50px;
right: 0;
padding: 15px 13px;
background: #00000038;
font-size: 15px;
letter-spacing: 1px;
line-height: 20px;
font-family: sans-serif;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
@media (max-width: 420px) {
.nl-description {
display: none;
}
}
@media (max-width: 575px) {
div#nl-close-button {
left: 0px;
background: #00000085;
}
}`;
if (css.styleSheet) css.styleSheet.cssText = styles;
else css.appendChild(document.createTextNode(styles));
document.getElementsByTagName("head")[0].appendChild(css);
const newsletterButtonModal = document.getElementById("newsletter-modal-send-button");
if (newsletterButtonModal) {
newsletterButtonModal.setAttribute("onclick", "executeCaptcha");
}
const sibFormsModal = document.querySelectorAll(".sib-form-modal-action");
if (sibFormsModal.length > 0) {
sibFormsModal.forEach(form => {
form.addEventListener("submit", handleSubmitModal);
});
}
function handleSubmitModal(event) {
// Your common functionality for the submit event
const isConsented = vueApp.$store.getters.isConsented("media.reCaptcha") === true;
if (isConsented) {
console.log("test");
showPopupModal();
event.preventDefault();
setTimeout(function() {
event.target.submit();
}, 4000);
}
if (!isConsented && !acceptConsentMessageAdded) {
event.preventDefault();
addConsentMessageModal(event.target);
acceptConsentMessageAdded = true;
}
}
function addConsentMessageModal(form) {
const errorMessageContent = form.querySelector(".sib-form-error-message-content");
if (errorMessageContent) {
errorMessageContent.textContent += 'Um die Newsletter-Anmeldung abzuschicken, müssen Sie den Google reCAPTCHA-Cookie akzeptieren. Öffnen Sie die Datenschutzeinstellungen links unten auf der Seite und klicken Sie auf "Weitere Einstellungen". Aktivieren Sie den reCAPTCHA-Cookie im Bereich "Externe Medien" und speichern Sie die Einstellungen.';
}
}
function showPopupModal() {
const popup = document.createElement('div');
popup.className = 'newsletter-popup-message';
popup.innerHTML = ` `;
document.body.appendChild(popup);
setTimeout(function() {
popup.remove();
}, 4000);
}
const toggleElements = document.querySelectorAll("#nl-toggle-button, #nl-close-button, .sib-form-overlay");
const form = document.getElementsByClassName("sib-form-modal-container")[0];
const toggleActiveClass = () => {
form.classList.toggle("active");
};
toggleElements.forEach(element => {
element.addEventListener("click", toggleActiveClass);
});
