.elementor-33 .elementor-element.elementor-element-7f02af8c{--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;}.elementor-33 .elementor-element.elementor-element-47c35f1f{--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;}.elementor-33 .elementor-element.elementor-element-5fa5212c{--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;}body.elementor-page-33:not(.elementor-motion-effects-element-type-background), body.elementor-page-33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6F8FA1;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-34c8c83f *//* =========================
   CONTACT HERO
========================= */

.dm-contact-hero{

    position:relative;

    width:100%;

    min-height:82vh;

    overflow:hidden;

    display:flex;
    align-items:center;

    padding:140px 40px 100px;

    background-image:url("https://dat-meerhuus.de/wp-content/uploads/2026/05/Hintergrund.webp");
    background-size:cover;
    background-position:center;

    background-color:#EFE8DF;
}

/* =========================
   OVERLAY
========================= */

.dm-contact-hero-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,0.52) 0%,
        rgba(0,0,0,0.25) 45%,
        rgba(0,0,0,0.14) 100%
    );
}

/* =========================
   CONTENT
========================= */

.dm-contact-hero-content{

    position:relative;

    z-index:2;

    width:100%;
    max-width:1440px;

    margin:0 auto;
}

/* =========================
   CARD
========================= */

.dm-contact-hero-card{

    max-width:720px;

    padding:32px;

    border-radius:36px;

    background:
    rgba(239,232,223,0.82);

    backdrop-filter:blur(16px);

    box-shadow:
    0 24px 70px rgba(0,0,0,0.16);
}

/* =========================
   SUBTITLE
========================= */

.dm-contact-subtitle{

    display:inline-block;

    margin-bottom:24px;

    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;

    color:#6F8FA1;
}

/* =========================
   HEADLINE
========================= */

.dm-contact-hero-card h1{

    margin:0 0 30px 0;

    font-size:clamp(58px, 7vw, 77px);
    line-height:0.94;

    color:#2A2A2A;

    font-family:"Cormorant Garamond", serif;
    font-weight:600;
}

/* =========================
   TEXT
========================= */

.dm-contact-hero-card p{

    margin:0 0 40px 0;

    font-size:17px;
    line-height:1.95;

    color:#5F5A55;
}

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

.dm-contact-button{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:62px;

    padding:0 34px;

    border-radius:999px;

    background:#6F8FA1;

    color:#FFFFFF;
    text-decoration:none;

    font-size:15px;
    font-weight:600;

    transition:all .3s ease;
}

.dm-contact-button:hover{

    transform:translateY(-3px);

    background:#5D7C8D;

    box-shadow:
    0 14px 30px rgba(111,143,161,0.30);
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .dm-contact-hero{

        min-height:auto;

        padding:120px 20px 80px;
    }

    .dm-contact-hero-card{

        padding:38px 28px;

        border-radius:28px;
    }

    .dm-contact-hero-card h1{

        font-size:64px;
    }

    .dm-contact-hero-card p{

        font-size:16px;
        line-height:1.85;
    }

    .dm-contact-button{

        width:100%;
    }
}/* End custom CSS */