.elementor-443 .elementor-element.elementor-element-2b0d3102{--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-443 .elementor-element.elementor-element-4a306d4d{--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-443 .elementor-element.elementor-element-3a219201{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-443 .elementor-element.elementor-element-3a219201:not(.elementor-motion-effects-element-type-background), .elementor-443 .elementor-element.elementor-element-3a219201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFE8DF;}.elementor-443 .elementor-element.elementor-element-5d35b61b{--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-443 .elementor-element.elementor-element-41f3915d{--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-443:not(.elementor-motion-effects-element-type-background), body.elementor-page-443 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6F8FA1;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1d262e6 *//* =========================
   HERO SECTION
========================= */

.dm-area-hero{

    position:relative;

    width:100%;

    min-height:92vh;

    overflow:hidden;

    display:flex;
    align-items:center;

    padding:140px 40px 100px;

    background-image:url("https://dat-meerhuus.de/wp-content/uploads/2026/05/C83096FD-0C8B-470F-918B-63F44552A642.webp");
    background-size:cover;
    background-position:center;

    background-color:#EFE8DF;
}

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

.dm-area-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,0.30) 0%,
        rgba(0,0,0,0.25) 6%,
        rgba(0,0,0,0.15) 100%
    );
}

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

.dm-area-hero-content{

    position:relative;

    z-index:2;

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

    margin:0 auto;
}

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

.dm-area-hero-card{

    max-width:620px;

    padding:52px;

    border-radius:36px;

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

    backdrop-filter:blur(16px);

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

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

.dm-area-subtitle{

    display:inline-block;

    margin-bottom:24px;

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

    color:#6F8FA1;
}

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

.dm-area-hero-card h1{

    margin:0 0 30px 0;

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

    color:#2A2A2A;

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

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

.dm-area-hero-card p{

    margin:0 0 40px 0;

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

    color:#5F5A55;
}

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

.dm-area-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-area-button:hover{

    transform:translateY(-3px);

    background:#5D7C8D;

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

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

@media(max-width:768px){

    .dm-area-hero{

        min-height:auto;

        padding:120px 20px 80px;
    }

    .dm-area-hero-card{

        padding:38px 28px;

        border-radius:28px;
    }

    .dm-area-hero-card h1{

        font-size:44px;
    }

    .dm-area-hero-card p{

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

    .dm-area-button{

        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30b77275 *//* =========================
   SECTION
========================= */

.dm-highlights-section{

    width:100%;

    padding:60px 30px;

    background:##6F8FA1;
}

/* =========================
   TOP
========================= */

.dm-highlights-top{

    text-align:center;

    margin-bottom:60px;
}

.dm-highlights-top span{

    display:inline-block;

    margin-bottom:18px;

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

    color:#2a2a2a;
}

.dm-highlights-top h2{

    margin:0;

    font-size:clamp(48px, 6vw, 86px);
    line-height:1.02;

    color:#ffffff;

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

/* =========================
   GRID
========================= */

.dm-highlights-grid{

    max-width:1450px;

    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(3, 1fr);

    gap:28px;
}

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

.dm-highlight-card{

    position:relative;

    background:#EFE8DF;

    border-radius:24px;

    overflow:hidden;

    border:1px solid rgba(0,0,0,0.05);

    transition:all .35s ease;
}

.dm-highlight-card:n{

    transform:translateY(-6px);

    box-shadow:
    0 24px 45px rgba(0,0,0,0.08);
}

/* =========================
   IMAGE
========================= */

.dm-highlight-image{

    height:320px;

    overflow:hidden;
}

.dm-highlight-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:transform .5s ease;
}

.dm-highlight-card:hover .dm-highlight-image img{

    transform:scale(1.04);
}

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

.dm-highlight-icon{

    position:absolute;

    left:50%;
    top:288px;

    transform:translateX(-50%);

    width:72px;
    height:72px;

    border-radius:50%;

    background:#F7F3EC;

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

    box-shadow:
    0 10px 24px rgba(0,0,0,0.05);
}

.dm-highlight-icon img{

    width:50px;
    height:50px;

    object-fit:contain;
}

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

.dm-highlight-content{

    padding:62px 32px 34px;

    text-align:center;
}

.dm-highlight-content h3{

    margin:0 0 18px 0;

    font-size:42px;
    line-height:1.08;

    color:#2A2A2A;

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

.dm-highlight-content p{

    margin:0;

    font-size:16px;
    line-height:1.9;

    color:#5F5A55;
}

/* =========================
   TABLET
========================= */

@media(max-width:1100px){

    .dm-highlights-grid{

        grid-template-columns:repeat(2, 1fr);
    }

    .dm-highlight-content h3{

        font-size:36px;
    }
}

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

@media(max-width:768px){

    .dm-highlights-section{

        padding:80px 20px;
    }

    .dm-highlights-top{

        margin-bottom:50px;
    }

    .dm-highlights-top h2{

        font-size:56px;
    }

    .dm-highlights-grid{

        grid-template-columns:1fr;

        gap:22px;
    }

    .dm-highlight-image{

        height:260px;
    }

    .dm-highlight-icon{

        top:228px;

        width:66px;
        height:66px;
    }

    .dm-highlight-content{

        padding:56px 24px 30px;
    }

    .dm-highlight-content h3{

        font-size:32px;
    }

    .dm-highlight-content p{

        font-size:15px;
        line-height:1.8;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fee4569 */.dm-events {
    background: #EFE8DF;
    padding: 100px 40px;
}

.dm-events-card {
    max-width: 1400px;
    margin: 0 auto;

    background: #F7F2EB;

    border-radius: 32px;

    padding: 36px;

    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 28px;

    box-shadow: 0 12px 35px rgba(0,0,0,0.04);
}

.dm-events-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 35px;
}

.dm-events-kicker {
    font-family: Inter, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 600;

    color: #6F8FA1;

    margin-bottom: 20px;
}

.dm-events-content h2 {
    margin: 0 0 24px;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(56px, 5vw, 88px);
    line-height: 0.9;
    font-weight: 600;

    color: #2E2E2E;
}

.dm-events-content p {
    margin: 0 0 35px;

    font-family: Inter, sans-serif;
    font-size: 17px;
    line-height: 1.9;

    color: #5C5C5C;

    max-width: 520px;
}

.dm-events-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;

    margin-bottom: 36px;
}

.dm-feature {
    display: flex;
    align-items: center;

    padding: 16px 18px;

    background: #FCFAF7;

    border-radius: 16px;

    border: 1px solid rgba(111,143,161,0.15);

    font-family: Inter, sans-serif;
    font-size: 14px;
    color: #4D4D4D;
}

.dm-feature::before {
    content: "";

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #6F8FA1;

    margin-right: 12px;

    flex-shrink: 0;
}

.dm-events-btn {
    display: flex;
    justify-content: center;
    align-items: center;

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

    height: 64px;

    background: #6F8FA1;
    color: #FFFFFF;

    border-radius: 999px;

    text-decoration: none;

    font-family: Inter, sans-serif;
    font-size: 15px;
    font-weight: 600;

    transition: all .3s ease;
}

.dm-events-btn:hover {
    background: #5D7C8D;
    color: #FFFFFF;

    transform: translateY(-2px);
}

.dm-events-image {
    overflow: hidden;
    border-radius: 28px;
}

.dm-events-image img {
    width: 100%;
    height: 100%;

    min-height: 720px;

    object-fit: cover;

    display: block;
}

@media (max-width: 1100px) {

    .dm-events-card {
        grid-template-columns: 1fr;
    }

    .dm-events-image img {
        min-height: 450px;
    }

    .dm-events-content {
        padding: 10px;
    }
}

@media (max-width: 768px) {

    .dm-events {
        padding: 70px 20px;
    }

    .dm-events-content h2 {
        font-size: 60px;
    }

    .dm-events-features {
        grid-template-columns: 1fr;
    }

    .dm-events-btn {
        max-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-603bedd4 *//* =========================
   ACTIVITIES SECTION
========================= */

.dm-activities{

  background:#EFE8DF;

  padding:70px 0;
}

/* =========================
   TOP
========================= */

.dm-activities-top{

  width:min(calc(100% - 80px),1240px);

  margin:0 auto 40px;

  text-align:center;
}

/* =========================
   KICKER
========================= */

.dm-activities-kicker{

  display:inline-block;

  margin-bottom:18px;

  color:#6F8FA1;

  font-size:16px;

  letter-spacing:2px;

  text-transform:uppercase;

  font-family:"Inter", sans-serif;

  font-weight:500;
}

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

.dm-activities h2{

  margin:0;

  color:#2A2A2A;

  font-size:clamp(48px,6vw,86px);

  line-height:1.02;

  font-family:"Cormorant Garamond", serif;

  font-weight:600;
}

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

.dm-activities-top p{

  margin:28px auto 0;

  max-width:720px;

  color:#5F5A55;

  font-size:17px;

  line-height:1.9;

  font-family:"Inter", sans-serif;
}

/* =========================
   GRID
========================= */

.dm-activities-grid{

  width:min(calc(100% - 80px),1400px);

  margin:0 auto;

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:26px;
}

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

.dm-activity-card{

  overflow:hidden;

  border-radius:28px;

  background:#FFFFFF;

  box-shadow:0 18px 40px rgba(0,0,0,0.05);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.dm-activity-card:hover{

  transform:translateY(-6px);

  box-shadow:0 26px 60px rgba(0,0,0,0.08);
}

/* =========================
   IMAGE
========================= */

.dm-activity-image{

  position:relative;

  width:100%;

  aspect-ratio:1.5/1;

  overflow:hidden;
}

.dm-activity-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  transition:transform .6s ease;
}

.dm-activity-card:hover img{

  transform:scale(1.04);
}

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

.dm-activity-content{

  padding:32px;
}

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

.dm-activity-content h3{

  margin:0;

  color:#2A2A2A;

  font-size:2rem;

  line-height:1.15;

  font-family:"Cormorant Garamond", serif;

  font-weight:600;
}

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

.dm-activity-content p{

  margin:18px 0 0;

  color:#5F5A55;

  font-size:16px;

  line-height:1.8;

  font-family:"Inter", sans-serif;
}

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

.dm-activity-button{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  margin-top:26px;

  min-height:50px;

  padding:0 24px;

  border-radius:999px;

  border:1px solid rgba(111,143,161,0.22);

  background:transparent;

  color:#6F8FA1;

  text-decoration:none;

  font-size:15px;

  font-family:"Inter", sans-serif;

  transition:all .25s ease;
}

.dm-activity-button:hover{

  background:#6F8FA1;

  border-color:#6F8FA1;

  color:#FFFFFF;

  transform:translateY(-2px);
}

/* =========================
   TABLET
========================= */

@media (max-width:980px){

  .dm-activities{

    padding:90px 0;
  }

  .dm-activities-top{

    width:min(calc(100% - 40px),1240px);

    margin-bottom:50px;
  }

  .dm-activities-grid{

    width:min(calc(100% - 40px),1400px);

    grid-template-columns:repeat(2,1fr);

    gap:20px;
  }
}

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

@media (max-width:640px){

  .dm-activities{

    padding:70px 0;
  }

  .dm-activities-top{

    width:calc(100% - 32px);

    margin-bottom:40px;
  }

  .dm-activities h2{

    font-size:clamp(42px,12vw,60px);

    line-height:1.05;
  }

  .dm-activities-top p{

    font-size:15px;

    line-height:1.8;
  }

  .dm-activities-grid{

    width:calc(100% - 32px);

    grid-template-columns:1fr;

    gap:18px;
  }

  .dm-activity-card{

    border-radius:22px;
  }

  .dm-activity-content{

    padding:24px;
  }

  .dm-activity-content h3{

    font-size:1.7rem;
  }

  .dm-activity-button{

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