.elementor-3012 .elementor-element.elementor-element-eefded7{--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;}/* Start custom CSS *//* ============================================
   PURCHASE CONFIRMATION PAGE BUTTON OVERRIDE
   Überschreibt NUR die Button-Farben
   ============================================ */

/* ========== APP DOWNLOAD BUTTONS ========== */

.app-button,
a.app-button {
    background-color: #5A2E32 !important;
    color: #FDFCF9 !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 28px !important;
    border-radius: 100px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

.app-button:hover,
a.app-button:hover {
    background-color: #D5B4AC !important;
    color: #5A2E32 !important;
}

/* ========== STANDARD BUTTON ========== */

.cta-button,
a.cta-button,
button.cta-button {
    background-color: #5A2E32 !important;
    color: #FDFCF9 !important;
    border: none !important;
    padding: 15px 38px !important;
    border-radius: 100px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(90, 46, 50, 0.12) !important;
    display: inline-block !important;
}

.cta-button:hover,
a.cta-button:hover,
button.cta-button:hover {
    background-color: #D5B4AC !important;
    color: #5A2E32 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(90, 46, 50, 0.2) !important;
}

/* ========== ENTFERNE THEME BUTTON-EFFEKTE ========== */

.app-button::before,
.app-button::after,
.cta-button::before,
.cta-button::after,
a.app-button::before,
a.app-button::after,
a.cta-button::before,
a.cta-button::after {
    display: none !important;
}

/* ========== SEHR SPEZIFISCHE SELEKTOREN ========== */

/* App Buttons */
body .app-button,
body a.app-button,
div .app-button,
section .app-button,
.app-buttons .app-button {
    background: #5A2E32 !important;
    color: #FDFCF9 !important;
}

body .app-button:hover,
body a.app-button:hover {
    background: #D5B4AC !important;
    color: #5A2E32 !important;
}

/* CTA Buttons */
body .cta-button,
body a.cta-button,
div .cta-button,
section .cta-button,
.confirmation-content .cta-button {
    background: #5A2E32 !important;
    color: #FDFCF9 !important;
}

body .cta-button:hover,
body a.cta-button:hover {
    background: #D5B4AC !important;
    color: #5A2E32 !important;
}

/* ========== LINKS IM TEXT ========== */

/* E-Mail Links im Footer */
.footer-note a,
a[href^="mailto:"] {
    color: #5A2E32 !important;
    text-decoration: underline !important;
}

.footer-note a:hover,
a[href^="mailto:"]:hover {
    color: #D5B4AC !important;
}

/* ========== RESPONSIVE ========== */

@media (max-width: 640px) {
    .app-button {
        width: 100% !important;
        justify-content: center !important;
        display: flex !important;
    }

    .cta-button {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }
}

/* ========== ZUSÄTZLICHE THEME OVERRIDES ========== */

/* Falls Theme den gesamten Body styled */
body {
    background-color: #FDFCF9 !important;
}

/* Verhindere Theme-Wrapper-Styles */
.site-content,
.content-area,
.site-main,
main,
article {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Entry Content */
.entry-content,
.page-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* ========== SUCCESS ICON ========== */

.success-icon {
    background: #D5B4AC !important;
    color: #5A2E32 !important;
}

/* ========== HIGHLIGHT BOX ========== */

.highlight-box {
    background: linear-gradient(135deg, rgba(213, 180, 172, 0.1) 0%, rgba(213, 180, 172, 0.2) 100%) !important;
    border-left: 4px solid #D5B4AC !important;
}

/* ========== STEP CARDS ========== */

.step-number {
    background: #D5B4AC !important;
    color: #5A2E32 !important;
}

.step-item {
    background: white !important;
}

/* ========== FARBEN KORREKT ========== */

/* Headlines */
h1, h2, h3,
.confirmation-content h1,
.step-content h3 {
    color: #5A2E32 !important;
}

/* Subtitle */
.confirmation-content .subtitle {
    color: #D5B4AC !important;
}

/* Body Text */
p,
.confirmation-content p,
.step-content p {
    color: #485248 !important;
}

/* ========== IMAGES ========== */

img {
    max-width: 100% !important;
    height: auto !important;
}

.confirmation-image img {
    display: block !important;
    width: 100% !important;
}

/* ========== APP ICONS ========== */

.app-icon {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}/* End custom CSS */