.elementor-63 .elementor-element.elementor-element-aca0bfe{--display:flex;}/* Start custom CSS for html, class: .elementor-element-bbfcdb2 *//* ============================================
   RHÖNWEB – Danke-Seite: Komplett-CSS
   (Elementor Fix + Design + Overflow Fix)
   
   Einfügen in: Elementor Custom CSS
   ============================================ */

/* === ELEMENTOR RAND-FIX === */
html, body, body.elementor-page, body.page, body.page-template-default {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

.site-main,
.site-content,
.page-content,
.entry-content,
.elementor-page .site-main,
body.page .site-main,
#content,
#primary,
main {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

#page,
.site,
.site-content,
.site-main {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

.page-header {
    display: none !important;
}

.e-con,
.e-con-inner,
.e-con-full,
.e-con-boxed {
    --padding-top: 0px !important;
    --padding-right: 0px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;
    --margin-top: 0px !important;
    --margin-right: 0px !important;
    --margin-bottom: 0px !important;
    --margin-left: 0px !important;
    --gap: 0px !important;
    --container-max-width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.elementor-element,
.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
    --widgets-spacing: 0px !important;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor,
.elementor-inner,
.elementor-section-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================
   DANKE-SEITE DESIGN
   ============================================ */

:root {
    --primary: #a2bf65;
    --primary-dark: #8ba555;
    --accent: #f2a553;
    --dark: #1a1a1a;
    --gray: #5a5a5a;
    --gray-light: #8a8a8a;
    --cream: #fafaf8;
    --white: #ffffff;
    --transition: cubic-bezier(0.4, 0, 0.2, 1);
}

/* === DANKE HERO === */
.danke-hero {
    min-height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5rem 5%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--cream) 0%, var(--white) 100%);
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;
}

/* === LIQUID BLOBS === */
.danke-hero::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -15%;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: rgba(162, 191, 101, 0.18);
    filter: blur(100px);
    animation: dankeBlobA 16s ease-in-out infinite;
    pointer-events: none;
}

.danke-hero::after {
    content: '';
    position: absolute;
    bottom: -15%;
    left: -10%;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(242, 165, 83, 0.12);
    filter: blur(100px);
    animation: dankeBlobB 20s ease-in-out infinite;
    pointer-events: none;
}

@keyframes dankeBlobA {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25% { transform: translate(-120px, 60px) scale(1.12); }
    50% { transform: translate(-50px, -80px) scale(0.90); }
    75% { transform: translate(100px, 30px) scale(1.06); }
}

@keyframes dankeBlobB {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(100px, -60px) scale(1.10); }
    66% { transform: translate(-80px, 70px) scale(0.92); }
}

/* === CONTAINER === */
.danke-container {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* === HEADLINE === */
.danke-hero h1 {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--dark);
    margin-bottom: 1.2rem;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

/* === INTRO TEXT === */
.danke-intro {
    font-size: 1.25rem;
    color: var(--gray);
    line-height: 1.7;
    margin-bottom: 3.5rem;
}

.danke-intro strong {
    color: var(--primary);
    font-weight: 700;
}

/* === NEXT STEPS === */
.next-steps {
    margin-bottom: 3rem;
}

.next-steps h2 {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 2rem;
    letter-spacing: -0.01em;
}

/* === STEPS GRID === */
.steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    text-align: left;
}

/* === STEP KARTEN === */
.step {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(162, 191, 101, 0.15);
    border-radius: 16px;
    padding: 2rem 1.8rem;
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    transition: all 0.3s var(--transition);
}

.step:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(162, 191, 101, 0.12);
    border-color: rgba(162, 191, 101, 0.25);
    background: rgba(255, 255, 255, 0.7);
}

/* === STEP NUMMER === */
.step-number {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(162, 191, 101, 0.3);
}

/* === STEP CONTENT === */
.step-content h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 0.4rem;
    line-height: 1.3;
}

.step-content p {
    font-size: 0.95rem;
    color: var(--gray);
    line-height: 1.65;
    margin: 0;
}

/* === BACK HOME BUTTON === */
.back-home {
    margin-top: 1rem;
}

.btn {
    padding: 1rem 2.2rem;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.4s var(--transition);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    border: none;
}

.btn-secondary {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    color: var(--dark);
    border: 1.5px solid rgba(162, 191, 101, 0.4);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.btn-secondary:hover {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(162, 191, 101, 0.3);
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .danke-hero h1 {
        font-size: 2rem;
    }

    .danke-intro {
        font-size: 1.1rem;
    }

    .steps-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .step {
        padding: 1.5rem;
    }

    .danke-hero {
        padding: 4rem 5%;
        min-height: 70vh;
    }
}/* End custom CSS */