.elementor-688 .elementor-element.elementor-element-9b23005{--display:flex;--min-height:622px;--overlay-opacity:0.61;--margin-top:-270px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-688 .elementor-element.elementor-element-9b23005:not(.elementor-motion-effects-element-type-background), .elementor-688 .elementor-element.elementor-element-9b23005 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mo247.de/wp-content/uploads/2026/06/mo-24-services-header-bild-2.avif");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-688 .elementor-element.elementor-element-9b23005::before, .elementor-688 .elementor-element.elementor-element-9b23005 > .elementor-background-video-container::before, .elementor-688 .elementor-element.elementor-element-9b23005 > .e-con-inner > .elementor-background-video-container::before, .elementor-688 .elementor-element.elementor-element-9b23005 > .elementor-background-slideshow::before, .elementor-688 .elementor-element.elementor-element-9b23005 > .e-con-inner > .elementor-background-slideshow::before, .elementor-688 .elementor-element.elementor-element-9b23005 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-7ae9537 ) 41%, #1E3A5F9C 70%);}.elementor-688 .elementor-element.elementor-element-9226e51{--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;}.elementor-688 .elementor-element.elementor-element-30dc8b9{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-688 .elementor-element.elementor-element-fa90635 > .elementor-widget-container{margin:350px 0px 0px 0px;padding:0px 0px 0px 20px;}.elementor-688 .elementor-element.elementor-element-fa90635 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:40px;font-weight:900;line-height:1.2em;color:var( --e-global-color-41f92b7 );}.elementor-688 .elementor-element.elementor-element-2c02d41{--display:flex;}.elementor-688 .elementor-element.elementor-element-16a52b9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-688 .elementor-element.elementor-element-7d36d49{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-688 .elementor-element.elementor-element-fe50daf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-688 .elementor-element.elementor-element-079e9d0{--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;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-688 .elementor-element.elementor-element-a4c1ac2{--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;}.elementor-688 .elementor-element.elementor-element-fe0d8f0{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-688 .elementor-element.elementor-element-3f811df > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-688 .elementor-element.elementor-element-3f811df{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-7ae9537 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-688 .elementor-element.elementor-element-30dc8b9{--width:60%;}.elementor-688 .elementor-element.elementor-element-2c02d41{--width:40%;}.elementor-688 .elementor-element.elementor-element-fe0d8f0{--width:100%;}}@media(max-width:1024px){.elementor-688 .elementor-element.elementor-element-9b23005{--min-height:376px;}.elementor-688 .elementor-element.elementor-element-9b23005:not(.elementor-motion-effects-element-type-background), .elementor-688 .elementor-element.elementor-element-9b23005 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-688 .elementor-element.elementor-element-fa90635 > .elementor-widget-container{margin:320px 0px 0px 0px;}.elementor-688 .elementor-element.elementor-element-fa90635 .elementor-heading-title{font-size:40px;}.elementor-688 .elementor-element.elementor-element-079e9d0{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-688 .elementor-element.elementor-element-9b23005{--min-height:0px;}.elementor-688 .elementor-element.elementor-element-9b23005:not(.elementor-motion-effects-element-type-background), .elementor-688 .elementor-element.elementor-element-9b23005 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-688 .elementor-element.elementor-element-fa90635 > .elementor-widget-container{margin:300px 0px 0px 0px;}.elementor-688 .elementor-element.elementor-element-fa90635 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-fe50daf */:root{
    --black:#000000;
    --black-hover:#222222;
    --gold:#FDC038;
    --gold-hover:#e9b01f;
    --cream:#F8F8F8;
    --text:#000000;
    --white:#FFFFFF;
}

/* ===============================
   Floating Contact
================================= */

.modern-contact{
    position:fixed;
    right:30px;
    bottom:30px;
    z-index:99999;
}

#contact-toggle{
    display:none;
}

/* ===============================
   Floating Button
================================= */

.contact-fab{
    position:relative;
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--gold),#ffd96d);
    border-radius:20px;
    cursor:pointer;
    transition:.35s ease;
    box-shadow:
        0 20px 45px rgba(0,0,0,.18),
        0 0 0 8px rgba(253,192,56,.12);
    animation:
        pulseGlow 3s infinite,
        attention 9s infinite;
}

.contact-fab:hover{
    transform:translateY(-6px) scale(1.08);
    box-shadow:
        0 30px 55px rgba(0,0,0,.22),
        0 0 35px rgba(253,192,56,.45);
}

.contact-fab img{
    width:46px;
    height:46px;
    display:block;
    transition:.3s;
}

.contact-fab:hover img{
    transform:scale(1.08);
}

/* ===============================
   Contact Panel
================================= */

.contact-panel{
    position:absolute;
    right:100px;
    bottom:0;
    width:380px;
    background:#fff;
    border-radius:22px;
    padding:34px;
    border:1px solid #ececec;
    box-shadow:0 30px 70px rgba(0,0,0,.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(20px) scale(.96);
    transition:.35s ease;
}

#contact-toggle:checked ~ .contact-panel{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
}

/* ===============================
   Header
================================= */

.panel-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:24px;
}

.panel-header h3{
    margin:0 0 10px;
    color:#000000;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:34px;
    font-weight:700;
    line-height:1.2;
}

.panel-header h3 span{
    color:#FDC038;
}

.panel-header span{
    color:#000000;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:18px;
    line-height:1.7;
    font-weight:400;
}

.close{
    cursor:pointer;
    font-size:34px;
    color:#999;
    transition:.3s;
}

.close:hover{
    color:#FDC038;
    transform:rotate(90deg);
}

/* ===============================
   Buttons
================================= */

.phone-btn,
.mail-btn,
.contact-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    padding:17px;
    margin-bottom:14px;
    border-radius:14px;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:18px;
    font-weight:600;
    transition:.3s;
}

.phone-btn{
    background:#000000;
    color:#fff;
}

.phone-btn:hover{
    background:var(--white-hover);
    transform:translateY(-3px);
}

.mail-btn{
    background:#fff;
    color:#000;
    border:1px solid #ddd;
}

.mail-btn:hover{
    background:var(--cream);
    transform:translateY(-3px);
}

.contact-btn{
    background:var(--gold);
    color:#000;
    font-weight:700;
}

.contact-btn:hover{
    background:var(--gold-hover);
    transform:translateY(-3px);
}

/* ===============================
   Divider
================================= */

.divider{
    position:relative;
    margin:24px 0;
    text-align:center;
}

.divider::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:1px;
    background:#ececec;
}

.divider span{
    position:relative;
    background:#fff;
    padding:0 16px;
    color:#666;
    font-size:16px;
    font-family:"Plus Jakarta Sans",sans-serif;
}

/* ===============================
   Animations
================================= */

@keyframes pulseGlow{

    0%,100%{
        box-shadow:
            0 20px 45px rgba(0,0,0,.18),
            0 0 0 0 rgba(253,192,56,.40);
    }

    50%{
        box-shadow:
            0 20px 45px rgba(0,0,0,.20),
            0 0 0 18px rgba(253,192,56,0);
    }

}

@keyframes attention{

    0%,82%,100%{
        transform:rotate(0deg);
    }

    84%{
        transform:rotate(-8deg);
    }

    86%{
        transform:rotate(8deg);
    }

    88%{
        transform:rotate(-8deg);
    }

    90%{
        transform:rotate(8deg);
    }

    92%{
        transform:rotate(0deg);
    }

}

/* ===============================
   Mobile
================================= */

@media (max-width:768px){

    .modern-contact{
        right:18px;
        bottom:18px;
    }

    .contact-fab{
        width:72px;
        height:72px;
    }

    .contact-fab img{
        width:42px;
        height:42px;
    }

    .contact-panel{
        right:0;
        bottom:90px;
        width:min(340px,calc(100vw - 20px));
        padding:24px;
    }

    .panel-header h3{
        font-size:28px;
    }

    .panel-header span{
        font-size:16px;
    }

    .phone-btn,
    .mail-btn,
    .contact-btn{
        font-size:16px;
        padding:16px;
    }

}

/* ===============================
   Reduced Motion
================================= */

@media (prefers-reduced-motion: reduce){

    .contact-fab{
        animation:none;
    }

    .contact-fab,
    .contact-panel,
    .phone-btn,
    .mail-btn,
    .contact-btn{
        transition:none;
    }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mo247.de/wp-content/uploads/2026/06/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mo247.de/wp-content/uploads/2026/06/Manrope-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */