.elementor-676977 .elementor-element.elementor-element-39ec6866{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-676977 .elementor-element.elementor-element-93b7912 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-676977 .elementor-element.elementor-element-93b7912 img{border-radius:5px 5px 0px 0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-676977 .elementor-element.elementor-element-4cdb863 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-676977 .elementor-element.elementor-element-4cdb863{text-align:center;}.elementor-676977 .elementor-element.elementor-element-4cdb863 .elementor-heading-title{font-size:19px;font-weight:600;line-height:25px;color:#2E2D2C;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-676977 .elementor-element.elementor-element-223aa933 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 50px 0px 50px;}.elementor-676977 .elementor-element.elementor-element-223aa933{text-align:center;font-size:24px;line-height:30px;color:var( --e-global-color-primary );}.elementor-676977 .elementor-element.elementor-element-26a99cf0 > .elementor-widget-container{padding:0px 0px 0px 40px;}.elementor-676977 .elementor-element.elementor-element-2be68088 > .elementor-widget-container{padding:0px 0px 0px 40px;}#elementor-popup-modal-676977 .dialog-widget-content{animation-duration:0.6s;border-radius:6px 6px 6px 6px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-676977{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-676977 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-676977 .dialog-close-button{display:flex;font-size:15px;}#elementor-popup-modal-676977 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-676977 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-676977 .elementor-element.elementor-element-93b7912 img{height:134px;object-fit:cover;}.elementor-676977 .elementor-element.elementor-element-4cdb863 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-676977 .elementor-element.elementor-element-4cdb863 .elementor-heading-title{font-size:16px;line-height:18px;}.elementor-676977 .elementor-element.elementor-element-223aa933 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 35px 0px 35px;}.elementor-676977 .elementor-element.elementor-element-223aa933{font-size:18px;line-height:22px;}.elementor-676977 .elementor-element.elementor-element-26a99cf0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-676977 .elementor-element.elementor-element-2be68088 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-676977 .dialog-message{width:80vw;}#elementor-popup-modal-676977 .dialog-widget-content{margin:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-223aa933 *//* Styling für das "i"-Icon */
.info-icon {
    filter: invert(31%) sepia(16%) saturate(6371%) hue-rotate(184deg) brightness(50%) contrast(101%);
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: default; /* Mauszeiger bleibt normal */
}

.custom-tooltip {
    visibility: hidden;
    width: 200px;
    background-color: #ffffff; /* Setzt den Hintergrund auf Weiß für besseren Kontrast */
    color: #2E2D2C; /* Dunkler Text für gute Lesbarkeit */
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1000; /* Tooltip über anderen Elementen */
    bottom: 125%; /* Positioniert den Tooltip über dem Icon */
    left: 50%; /* Zentriert den Tooltip horizontal */
    transform: translateX(-90%); /* Verschiebt den Tooltip horizontal zur Mitte */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2; /* Verringert den Zeilenabstand */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Schatten für besseren Kontrast */
    white-space: nowrap; /* Verhindert Zeilenumbruch */
}

/* Tooltip beim Hover sichtbar machen */
.info-icon-container:hover .custom-tooltip {
    visibility: visible;
    opacity: 1;
}


/* Anpassungen für mobile Geräte */
@media (max-width: 600px) {
    .tooltip-text {
        bottom: 100%;
        left: 50%;
        margin-left: -100px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26a99cf0 */.popup-discount {
    text-align: center;
}

.code-container {
    display: inline-flex; /* Text und Button in einer Zeile */
    align-items: center; /* Vertikale Zentrierung */
    gap: 5px; /* Erhöht den Abstand zwischen Code und Kopieren-Button */
    font-size: 16px; /* Schriftgröße */
    justify-content: center; /* Zentriert den gesamten Inhalt */
    margin-left: -10px; /* Leicht nach links verschieben, um die Zentrierung zu korrigieren */
}

.copyButton {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center; /* Vertikale Zentrierung von Icon und Text */
    padding: 0;
    color: #2E2D2C; /* Farbe für den Text und das Icon */
}

.copyButton img {
    filter: invert(18%) sepia(4%) saturate(10%) hue-rotate(1deg) brightness(95%) contrast(92%); /* Farbe auf #2E2D2C setzen */
    width: 20px;
    height: 20px;
    margin-left: 10px; /* Abstand zwischen dem Code und dem Kopieren-Icon */
}

.copyButton:hover {
    background-color: transparent; /* Keine Hintergrundfarbe beim Hover */
}

/* Styling für den "Kopieren"-Text */
.copy-text {
    margin-left: 5px;
    font-size: 16px;
    color: #2E2D2C;
}

.copyMessage {
    color: #2E2D2C; /* Häkchen in der gleichen Farbe wie der Text */
    font-size: 16px;
    display: none; /* Wird nur beim Kopieren angezeigt */
    padding-left: 5px;
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2be68088 */.popup-discount1 {
    text-align: center;
    font-size: 16px; /* Setzt die Schriftgröße auf 16px */
    color: #2E2D2C; /* Standardtextfarbe */
}

/* Promo-Code und Kopier-Button in einer Zeile */
.promo-code-section1 {
    display: inline-flex; /* Stellt sicher, dass Code und Kopieren-Button in einer Zeile stehen */
    align-items: center; /* Vertikale Zentrierung */
    justify-content: center; /* Horizontale Zentrierung */
    gap: 10px; /* Abstand zwischen Code und Kopieren-Button */
    font-size: 16px; /* Schriftgröße für den Promo-Code */
}

/* Promo-Code Styling */
.promoCode1 {
    color: #2E2D2C !important; /* Stellt sicher, dass der Promo-Code #2E2D2C ist */
}

.copyButton1 {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    padding: 0;
    color: #2E2D2C;
}

.copyButton1 img {
    filter: invert(18%) sepia(4%) saturate(10%) hue-rotate(1deg) brightness(95%) contrast(92%);
    width: 20px;
    height: 20px;
}

.copyButton1:active {
    background-color: transparent !important; /* Kein blauer Hintergrund beim Klicken */
}

.copyButton1:hover {
    background-color: transparent; /* Entfernt den Hover-Hintergrund */
}

/* Styling für die Kopiert-Nachricht */
.copyMessage1 {
    color: #2E2D2C;
    font-size: 16px; /* Schriftgröße für das Häkchen und den "Kopiert!"-Text */
    display: none;
    padding-left: 5px;
    text-align: center;
}/* End custom CSS */