.elementor-16300 .elementor-element.elementor-element-22122eb3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-16300 .elementor-element.elementor-element-22122eb3{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-22122eb3 *//* ========================================
   MEYERDOGS – WELPENSTATUS IM HERO
   ======================================== */

.meyerdogs-welpenstatus {
    display: block;

    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}


.meyerdogs-welpenstatus .md-status-inhalt {
    width: 100%;
}


/* ========================================
   EYEBROW / H6
   ======================================== */

.meyerdogs-welpenstatus .md-status-label {
    margin: 0 0 14px 0;
}


/* ========================================
   H1
   ======================================== */

.meyerdogs-welpenstatus .md-status-headline {
    margin: 0 0 28px 0;
}


/* ========================================
   DATEN
   ======================================== */

.meyerdogs-welpenstatus .md-status-daten {
    display: flex;
    flex-direction: column;

    gap: 7px;
    margin: 0;
}


.meyerdogs-welpenstatus .md-status-zeile {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;

    gap: 7px;
}


.meyerdogs-welpenstatus .md-status-zeile strong {
    font-weight: 600;
}


/* ========================================
   HINWEISTEXT
   ======================================== */

.meyerdogs-welpenstatus .md-status-hinweis {
    margin-top: 22px;
}


.meyerdogs-welpenstatus .md-status-hinweis p {
    margin: 0;
}


/* ========================================
   BUTTON-CONTAINER
   ======================================== */

.meyerdogs-welpenstatus .md-status-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 20px;
    margin-top: 26px;
}


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

.meyerdogs-welpenstatus .md-status-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 20px 40px;

    border-radius: 50px;

    font-weight: 600;
    line-height: 1;
    text-decoration: none;

    box-sizing: border-box;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        opacity 0.2s ease;
}


/* ========================================
   GRÜNER PRIMÄRBUTTON
   ======================================== */

.meyerdogs-welpenstatus .md-status-button-primary {
    background-color: var(--e-global-color-accent);

    border: 1px solid var(--e-global-color-accent);

    color: #ffffff;
}


.meyerdogs-welpenstatus .md-status-button-primary:hover {
    background-color: var(--e-global-color-accent);

    border-color: var(--e-global-color-accent);

    color: #ffffff;

    opacity: 0.85;
}


/* ========================================
   OUTLINE-BUTTON
   ======================================== */

.meyerdogs-welpenstatus .md-status-button-secondary {
    background-color: transparent;

    border: 1px solid var(--e-global-color-text);

    color: var(--e-global-color-text);
}


.meyerdogs-welpenstatus .md-status-button-secondary:hover {
    background-color: var(--e-global-color-text);

    border-color: var(--e-global-color-text);

    color: #ffffff;
}


/* ========================================
   ALTERNATIVE ZU WHATSAPP
   ======================================== */

.meyerdogs-welpenstatus .md-status-alternative {
    margin-top: 20px;
}


.meyerdogs-welpenstatus .md-status-alternative a {
    display: inline-block;

    color: var(--e-global-color-text);

    font-size: 0.9em;
    font-weight: 400;

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;

    transition:
        opacity 0.2s ease,
        color 0.2s ease;
}


.meyerdogs-welpenstatus .md-status-alternative a:hover {
    color: var(--e-global-color-text);

    opacity: 0.65;
}


/* ========================================
   WHATSAPP

   Desktop-Version standardmäßig sichtbar
   ======================================== */

.meyerdogs-welpenstatus .md-whatsapp-desktop {
    display: inline-flex !important;
}


.meyerdogs-welpenstatus .md-whatsapp-mobile {
    display: none !important;
}


/* ========================================
   NÄCHSTER WURF
   ======================================== */

.meyerdogs-welpenstatus .md-naechster-wurf {
    margin-top: 32px;
    padding-top: 24px;

    border-top: 1px solid #dddddd;
}


.meyerdogs-welpenstatus .md-naechster-wurf h6 {
    margin: 0 0 12px 0;
}


/* ========================================
   TABLET + SMARTPHONE
   ======================================== */

@media (max-width: 1024px) {

    .meyerdogs-welpenstatus .md-whatsapp-desktop {
        display: none !important;
    }


    .meyerdogs-welpenstatus .md-whatsapp-mobile {
        display: inline-flex !important;
    }

}


/* ========================================
   SMARTPHONE
   ======================================== */

@media (max-width: 767px) {

    .meyerdogs-welpenstatus .md-status-label {
        margin-bottom: 10px;
    }


    .meyerdogs-welpenstatus .md-status-headline {
        margin-bottom: 22px;
    }


    .meyerdogs-welpenstatus .md-status-hinweis {
        margin-top: 18px;
    }


    .meyerdogs-welpenstatus .md-status-buttons {
        flex-direction: column;
        align-items: stretch;

        gap: 12px;
        margin-top: 22px;
    }


    .meyerdogs-welpenstatus .md-status-button {
        width: 100%;

        padding: 18px 30px;
    }


    .meyerdogs-welpenstatus .md-status-alternative {
        margin-top: 18px;
    }


    .meyerdogs-welpenstatus .md-naechster-wurf {
        margin-top: 26px;
        padding-top: 20px;
    }

}/* End custom CSS */