.elementor-109 .elementor-element.elementor-element-d8c843e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:239px;--padding-bottom:239px;--padding-left:239px;--padding-right:239px;}.elementor-109 .elementor-element.elementor-element-d8c843e:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-d8c843e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://messimmo.de/wp-content/uploads/2026/06/new.jpg");background-repeat:no-repeat;}.elementor-109 .elementor-element.elementor-element-b0cc5c0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:239px;--padding-bottom:239px;--padding-left:239px;--padding-right:239px;}.elementor-109 .elementor-element.elementor-element-b0cc5c0:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-b0cc5c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://messimmo.de/wp-content/uploads/2026/06/ausmessen.jpg");background-repeat:no-repeat;}.elementor-109 .elementor-element.elementor-element-a3af12b{--display:flex;}.elementor-109 .elementor-element.elementor-element-9b5c63c{--display:flex;}@media(min-width:1025px){.elementor-109 .elementor-element.elementor-element-d8c843e:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-d8c843e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-109 .elementor-element.elementor-element-b0cc5c0:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-b0cc5c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-d8c843e:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-d8c843e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://messimmo.de/wp-content/uploads/2026/06/new.jpg");background-position:center center;background-size:cover;}.elementor-109 .elementor-element.elementor-element-d8c843e{--padding-top:0px;--padding-bottom:600px;--padding-left:0px;--padding-right:0px;}.elementor-109 .elementor-element.elementor-element-b0cc5c0:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-b0cc5c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://messimmo.de/wp-content/uploads/2026/06/ausmessen.jpg");background-position:-199px 0px;background-size:cover;}.elementor-109 .elementor-element.elementor-element-b0cc5c0{--padding-top:0px;--padding-bottom:600px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-3af7661 *//* Scroll Animation */

.services-pro-head,
.service-pro-card{

opacity:0;

transform:translateY(60px);

transition:1s cubic-bezier(.22,1,.36,1);

}

.services-pro-head.visible,
.service-pro-card.visible{

opacity:1;

transform:translateY(0);

}

/* Stagger */

.service-pro-card:nth-child(1){transition-delay:.05s;}
.service-pro-card:nth-child(2){transition-delay:.10s;}
.service-pro-card:nth-child(3){transition-delay:.15s;}
.service-pro-card:nth-child(4){transition-delay:.20s;}
.service-pro-card:nth-child(5){transition-delay:.25s;}
.service-pro-card:nth-child(6){transition-delay:.30s;}
.service-pro-card:nth-child(7){transition-delay:.35s;}
.service-pro-card:nth-child(8){transition-delay:.40s;}
.service-pro-card:nth-child(9){transition-delay:.45s;}
.service-pro-card:nth-child(10){transition-delay:.50s;}

/* Hover */

.service-pro-card:hover i{

transform:translateY(-6px) rotate(8deg) scale(1.08);

}

.service-pro-card:hover h3{

transform:translateY(-2px);

}

.service-pro-card:hover p{

transform:translateY(3px);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d79003 *//* Scroll Animation */

.services-pro-head,
.service-pro-card{

opacity:0;

transform:translateY(60px);

transition:1s cubic-bezier(.22,1,.36,1);

}

.services-pro-head.visible,
.service-pro-card.visible{

opacity:1;

transform:translateY(0);

}

/* Stagger */

.service-pro-card:nth-child(1){transition-delay:.05s;}
.service-pro-card:nth-child(2){transition-delay:.10s;}
.service-pro-card:nth-child(3){transition-delay:.15s;}
.service-pro-card:nth-child(4){transition-delay:.20s;}
.service-pro-card:nth-child(5){transition-delay:.25s;}
.service-pro-card:nth-child(6){transition-delay:.30s;}
.service-pro-card:nth-child(7){transition-delay:.35s;}
.service-pro-card:nth-child(8){transition-delay:.40s;}
.service-pro-card:nth-child(9){transition-delay:.45s;}
.service-pro-card:nth-child(10){transition-delay:.50s;}

/* Hover */

.service-pro-card:hover i{

transform:translateY(-6px) rotate(8deg) scale(1.08);

}

.service-pro-card:hover h3{

transform:translateY(-2px);

}

.service-pro-card:hover p{

transform:translateY(3px);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb54f31 */.messimmo-services{

background:#ffffff;

padding:150px 6vw;

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

overflow:hidden;

}

.services-head{

max-width:900px;

margin-bottom:80px;

}

.services-head span{

display:block;

font-size:11px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#9a9a9a;

margin-bottom:18px;

}

.services-head h2{

font-size:clamp(42px,4.8vw,72px);

font-weight:300;

line-height:1;

letter-spacing:0;

text-transform:uppercase;

color:#111111;

margin:0 0 30px;

}

.services-head p{

max-width:720px;

font-size:16px;

line-height:1.9;

font-weight:300;

color:#666666;

margin:0;

}

.services-grid{

display:grid;

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

border-top:1px solid rgba(0,0,0,.08);

border-left:1px solid rgba(0,0,0,.08);

max-width:1500px;

margin:auto;

}

.service-card{

position:relative;

padding:40px 30px;

min-height:320px;

background:#ffffff;

border-right:1px solid rgba(0,0,0,.08);

border-bottom:1px solid rgba(0,0,0,.08);

overflow:hidden;

transition:.45s cubic-bezier(.22,1,.36,1);

}

.service-card::before{

content:"";

position:absolute;

inset:0;

background:#111111;

transform:translateY(101%);

transition:.55s cubic-bezier(.77,0,.18,1);

z-index:0;

}

.service-card::after{

content:"";

position:absolute;

left:-120%;

top:0;

width:45%;

height:100%;

background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);

transform:skewX(-20deg);

transition:1s;

z-index:1;

}

.service-card:hover::before{

transform:translateY(0);

}

.service-card:hover::after{

left:180%;

}

.service-card *{

position:relative;

z-index:2;

transition:.35s;

}

.service-card:hover{

transform:translateY(-8px);

box-shadow:0 30px 70px rgba(0,0,0,.08);

}

.service-top{

display:flex;

justify-content:space-between;

align-items:flex-start;

margin-bottom:58px;

}

.service-top span{

font-size:10px;

font-weight:600;

letter-spacing:1px;

color:rgba(0,0,0,.35);

}

.service-top i{

font-style:normal;

font-size:40px;

font-weight:300;

line-height:1;

color:#111111;

}

.service-card h3{

font-size:13px;

font-weight:700;

letter-spacing:1px;

line-height:1.5;

text-transform:uppercase;

margin:0 0 18px;

color:#111111;

}

.service-card p{

font-size:13px;

line-height:1.85;

font-weight:300;

color:#666666;

margin:0;

max-width:240px;

}

.service-card:hover h3,

.service-card:hover p,

.service-card:hover span,

.service-card:hover i{

color:#ffffff;

}

.service-card:hover i{

transform:translateY(-6px) scale(1.08);

}

.service-card{

opacity:0;

transform:translateY(60px);

animation:serviceFade .8s forwards;

}

.service-card:nth-child(1){animation-delay:.05s;}
.service-card:nth-child(2){animation-delay:.10s;}
.service-card:nth-child(3){animation-delay:.15s;}
.service-card:nth-child(4){animation-delay:.20s;}
.service-card:nth-child(5){animation-delay:.25s;}
.service-card:nth-child(6){animation-delay:.30s;}
.service-card:nth-child(7){animation-delay:.35s;}
.service-card:nth-child(8){animation-delay:.40s;}
.service-card:nth-child(9){animation-delay:.45s;}
.service-card:nth-child(10){animation-delay:.50s;}

@keyframes serviceFade{

0%{

opacity:0;

transform:translateY(60px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

@media(max-width:1200px){

.services-grid{

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

}

}

@media(max-width:768px){

.messimmo-services{

padding:90px 24px;

}

.services-grid{

grid-template-columns:1fr;

}

.services-head{

margin-bottom:55px;

}

.services-head h2{

font-size:40px;

}

.service-card{

min-height:auto;

padding:36px 26px;

}

.service-top{

margin-bottom:38px;

}

}/* PREMIUM ANIMATION */

.service-card{
    opacity:0;
    transform:translateY(80px) scale(.96);
    filter:blur(8px);
    animation:premiumReveal 1s cubic-bezier(.22,1,.36,1) forwards;
}

.service-card:nth-child(1){animation-delay:.10s;}
.service-card:nth-child(2){animation-delay:.18s;}
.service-card:nth-child(3){animation-delay:.26s;}
.service-card:nth-child(4){animation-delay:.34s;}
.service-card:nth-child(5){animation-delay:.42s;}
.service-card:nth-child(6){animation-delay:.50s;}
.service-card:nth-child(7){animation-delay:.58s;}
.service-card:nth-child(8){animation-delay:.66s;}
.service-card:nth-child(9){animation-delay:.74s;}
.service-card:nth-child(10){animation-delay:.82s;}

@keyframes premiumReveal{

0%{

opacity:0;
transform:translateY(80px) scale(.96);
filter:blur(10px);

}

100%{

opacity:1;
transform:translateY(0) scale(1);
filter:blur(0);

}

}

/* Premium Hover */

.service-card{

transition:
transform .55s cubic-bezier(.22,1,.36,1),
box-shadow .55s cubic-bezier(.22,1,.36,1);

}

.service-card:hover{

transform:translateY(-12px) scale(1.02);

box-shadow:
0 25px 80px rgba(0,0,0,.10),
0 0 60px rgba(0,0,0,.04);

}

/* Icon Float */

.service-top i{

transition:.55s cubic-bezier(.22,1,.36,1);

}

.service-card:hover .service-top i{

transform:
translateY(-8px)
rotate(8deg)
scale(1.12);

}

/* Überschrift */

.service-card h3{

transition:.45s;

}

.service-card:hover h3{

letter-spacing:1.6px;

}

/* Text */

.service-card p{

transition:.45s;

}

.service-card:hover p{

opacity:.92;

}

/* Light Sweep */

.service-card::after{

content:"";

position:absolute;

top:0;

left:-170%;

width:40%;

height:100%;

background:

linear-gradient(
90deg,
transparent,
rgba(255,255,255,.22),
transparent
);

transform:skewX(-22deg);

transition:1s;

pointer-events:none;

z-index:3;

}

.service-card:hover::after{

left:220%;

}/* ============================= */
/* MESSIMMO CI UPDATE */
/* ============================= */

:root{
    --messimmo:#4c8bb2;
}

/* Section Label */

.services-head span{
    color:var(--messimmo)!important;
}

/* Icons */

.service-top i{
    color:var(--messimmo)!important;
}

/* Hover Glow */

.service-card:hover{

    box-shadow:
    0 25px 80px rgba(0,0,0,.10),
    0 0 35px rgba(76,139,178,.18);

}

/* Hover Icon */

.service-card:hover .service-top i{

    color:var(--messimmo)!important;

    transform:
    translateY(-8px)
    rotate(8deg)
    scale(1.12);

    text-shadow:
    0 0 18px rgba(76,139,178,.35);

}

/* Hover Headline */

.service-card:hover h3{

    color:var(--messimmo)!important;

}

/* Hover Number */

.service-card:hover .service-top span{

    color:var(--messimmo)!important;

}

/* Premium Accent Line */

.service-card::before{

    background:
    linear-gradient(
        180deg,
        #111111 0%,
        #15191c 100%
    );

}

/* Dezenter Farbverlauf unten */

.service-card::after{

background:
linear-gradient(
90deg,
transparent,
rgba(76,139,178,.20),
transparent
);

}

/* Premium Übergänge */

.service-card{

transition:
transform .55s cubic-bezier(.22,1,.36,1),
box-shadow .55s cubic-bezier(.22,1,.36,1),
border-color .55s;

}

/* Hover Border */

.service-card:hover{

border-color:rgba(76,139,178,.18);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0130e46 */.messimmo-services{

background:#ffffff;

padding:150px 6vw;

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

overflow:hidden;

}

.services-head{

max-width:900px;

margin-bottom:80px;

}

.services-head span{

display:block;

font-size:11px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#9a9a9a;

margin-bottom:18px;

}

.services-head h2{

font-size:clamp(42px,4.8vw,72px);

font-weight:300;

line-height:1;

letter-spacing:0;

text-transform:uppercase;

color:#111111;

margin:0 0 30px;

}

.services-head p{

max-width:720px;

font-size:16px;

line-height:1.9;

font-weight:300;

color:#666666;

margin:0;

}

.services-grid{

display:grid;

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

border-top:1px solid rgba(0,0,0,.08);

border-left:1px solid rgba(0,0,0,.08);

max-width:1500px;

margin:auto;

}

.service-card{

position:relative;

padding:40px 30px;

min-height:320px;

background:#ffffff;

border-right:1px solid rgba(0,0,0,.08);

border-bottom:1px solid rgba(0,0,0,.08);

overflow:hidden;

transition:.45s cubic-bezier(.22,1,.36,1);

}

.service-card::before{

content:"";

position:absolute;

inset:0;

background:#111111;

transform:translateY(101%);

transition:.55s cubic-bezier(.77,0,.18,1);

z-index:0;

}

.service-card::after{

content:"";

position:absolute;

left:-120%;

top:0;

width:45%;

height:100%;

background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);

transform:skewX(-20deg);

transition:1s;

z-index:1;

}

.service-card:hover::before{

transform:translateY(0);

}

.service-card:hover::after{

left:180%;

}

.service-card *{

position:relative;

z-index:2;

transition:.35s;

}

.service-card:hover{

transform:translateY(-8px);

box-shadow:0 30px 70px rgba(0,0,0,.08);

}

.service-top{

display:flex;

justify-content:space-between;

align-items:flex-start;

margin-bottom:58px;

}

.service-top span{

font-size:10px;

font-weight:600;

letter-spacing:1px;

color:rgba(0,0,0,.35);

}

.service-top i{

font-style:normal;

font-size:40px;

font-weight:300;

line-height:1;

color:#111111;

}

.service-card h3{

font-size:13px;

font-weight:700;

letter-spacing:1px;

line-height:1.5;

text-transform:uppercase;

margin:0 0 18px;

color:#111111;

}

.service-card p{

font-size:13px;

line-height:1.85;

font-weight:300;

color:#666666;

margin:0;

max-width:240px;

}

.service-card:hover h3,

.service-card:hover p,

.service-card:hover span,

.service-card:hover i{

color:#ffffff;

}

.service-card:hover i{

transform:translateY(-6px) scale(1.08);

}

.service-card{

opacity:0;

transform:translateY(60px);

animation:serviceFade .8s forwards;

}

.service-card:nth-child(1){animation-delay:.05s;}
.service-card:nth-child(2){animation-delay:.10s;}
.service-card:nth-child(3){animation-delay:.15s;}
.service-card:nth-child(4){animation-delay:.20s;}
.service-card:nth-child(5){animation-delay:.25s;}
.service-card:nth-child(6){animation-delay:.30s;}
.service-card:nth-child(7){animation-delay:.35s;}
.service-card:nth-child(8){animation-delay:.40s;}
.service-card:nth-child(9){animation-delay:.45s;}
.service-card:nth-child(10){animation-delay:.50s;}

@keyframes serviceFade{

0%{

opacity:0;

transform:translateY(60px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

@media(max-width:1200px){

.services-grid{

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

}

}

@media(max-width:768px){

.messimmo-services{

padding:90px 24px;

}

.services-grid{

grid-template-columns:1fr;

}

.services-head{

margin-bottom:55px;

}

.services-head h2{

font-size:40px;

}

.service-card{

min-height:auto;

padding:36px 26px;

}

.service-top{

margin-bottom:38px;

}

}/* PREMIUM ANIMATION */

.service-card{
    opacity:0;
    transform:translateY(80px) scale(.96);
    filter:blur(8px);
    animation:premiumReveal 1s cubic-bezier(.22,1,.36,1) forwards;
}

.service-card:nth-child(1){animation-delay:.10s;}
.service-card:nth-child(2){animation-delay:.18s;}
.service-card:nth-child(3){animation-delay:.26s;}
.service-card:nth-child(4){animation-delay:.34s;}
.service-card:nth-child(5){animation-delay:.42s;}
.service-card:nth-child(6){animation-delay:.50s;}
.service-card:nth-child(7){animation-delay:.58s;}
.service-card:nth-child(8){animation-delay:.66s;}
.service-card:nth-child(9){animation-delay:.74s;}
.service-card:nth-child(10){animation-delay:.82s;}

@keyframes premiumReveal{

0%{

opacity:0;
transform:translateY(80px) scale(.96);
filter:blur(10px);

}

100%{

opacity:1;
transform:translateY(0) scale(1);
filter:blur(0);

}

}

/* Premium Hover */

.service-card{

transition:
transform .55s cubic-bezier(.22,1,.36,1),
box-shadow .55s cubic-bezier(.22,1,.36,1);

}

.service-card:hover{

transform:translateY(-12px) scale(1.02);

box-shadow:
0 25px 80px rgba(0,0,0,.10),
0 0 60px rgba(0,0,0,.04);

}

/* Icon Float */

.service-top i{

transition:.55s cubic-bezier(.22,1,.36,1);

}

.service-card:hover .service-top i{

transform:
translateY(-8px)
rotate(8deg)
scale(1.12);

}

/* Überschrift */

.service-card h3{

transition:.45s;

}

.service-card:hover h3{

letter-spacing:1.6px;

}

/* Text */

.service-card p{

transition:.45s;

}

.service-card:hover p{

opacity:.92;

}

/* Light Sweep */

.service-card::after{

content:"";

position:absolute;

top:0;

left:-170%;

width:40%;

height:100%;

background:

linear-gradient(
90deg,
transparent,
rgba(255,255,255,.22),
transparent
);

transform:skewX(-22deg);

transition:1s;

pointer-events:none;

z-index:3;

}

.service-card:hover::after{

left:220%;

}/* ============================= */
/* MESSIMMO CI UPDATE */
/* ============================= */

:root{
    --messimmo:#4c8bb2;
}

/* Section Label */

.services-head span{
    color:var(--messimmo)!important;
}

/* Icons */

.service-top i{
    color:var(--messimmo)!important;
}

/* Hover Glow */

.service-card:hover{

    box-shadow:
    0 25px 80px rgba(0,0,0,.10),
    0 0 35px rgba(76,139,178,.18);

}

/* Hover Icon */

.service-card:hover .service-top i{

    color:var(--messimmo)!important;

    transform:
    translateY(-8px)
    rotate(8deg)
    scale(1.12);

    text-shadow:
    0 0 18px rgba(76,139,178,.35);

}

/* Hover Headline */

.service-card:hover h3{

    color:var(--messimmo)!important;

}

/* Hover Number */

.service-card:hover .service-top span{

    color:var(--messimmo)!important;

}

/* Premium Accent Line */

.service-card::before{

    background:
    linear-gradient(
        180deg,
        #111111 0%,
        #15191c 100%
    );

}

/* Dezenter Farbverlauf unten */

.service-card::after{

background:
linear-gradient(
90deg,
transparent,
rgba(76,139,178,.20),
transparent
);

}

/* Premium Übergänge */

.service-card{

transition:
transform .55s cubic-bezier(.22,1,.36,1),
box-shadow .55s cubic-bezier(.22,1,.36,1),
border-color .55s;

}

/* Hover Border */

.service-card:hover{

border-color:rgba(76,139,178,.18);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd62ef8 */```css
/* ===== SCROLL ANIMATION ===== */

.left,
.right,
.fact{

opacity:0;

transform:translateY(60px);

transition:1s cubic-bezier(.22,1,.36,1);

}

.left.visible,
.right.visible,
.fact.visible{

opacity:1;

transform:translateY(0);

}

/* Verzögerung */

.fact:nth-child(1){transition-delay:.08s;}
.fact:nth-child(2){transition-delay:.16s;}
.fact:nth-child(3){transition-delay:.24s;}
.fact:nth-child(4){transition-delay:.32s;}


/* Premium Hover */

.fact{

position:relative;

overflow:hidden;

}

.fact::before{

content:"";

position:absolute;

inset:0;

background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);

transform:translateY(100%);

transition:.45s cubic-bezier(.77,0,.18,1);

}

.fact:hover::before{

transform:translateY(0);

}

.fact:hover{

transform:translateY(-8px);

background:rgba(255,255,255,.03);

}

.fact:hover h3{

transform:scale(1.08);

}

.fact:hover .fact-icon{

transform:translateY(-6px) rotate(8deg) scale(1.12);

}

.left h2{

overflow:hidden;

}

.left h2 br{

display:block;

margin-bottom:2px;

}
```css
/* =================================== */
/* MESSIMMO PREMIUM CI UPDATE */
/* =================================== */

:root{
    --messimmo:#4c8bb2;
}

/* Kleine Überschrift */

.left span{
    color:var(--messimmo)!important;
}

/* Facts Hover */

.fact{
    transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    background .45s,
    box-shadow .45s,
    border-color .45s;
}

.fact:hover{

    transform:translateY(-8px);

    background:#0b0d0f;

    box-shadow:
    0 20px 50px rgba(0,0,0,.25),
    0 0 30px rgba(76,139,178,.10);

}

/* Icons */

.fact-icon{

    color:var(--messimmo)!important;

    transition:
    .5s cubic-bezier(.22,1,.36,1);

}

.fact:hover .fact-icon{

    color:var(--messimmo)!important;

    transform:
    translateY(-6px)
    scale(1.08);

    text-shadow:
    0 0 16px rgba(76,139,178,.35);

}

/* Zahlen */

.fact h3{

    transition:.45s;

}

.fact:hover h3{

    color:var(--messimmo);

    letter-spacing:.5px;

}

/* Untertitel */

.fact p{

    transition:.35s;

}

.fact:hover p{

    color:rgba(255,255,255,.85);

}

/* dezenter Farbverlauf */

.messimmo-about::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:1px;

background:
linear-gradient(
90deg,
transparent,
rgba(76,139,178,.35),
transparent
);

}

/* Premium Glow */

.fact::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:0;

height:2px;

background:var(--messimmo);

transition:.45s;

}

.fact:hover::after{

width:100%;

}
```/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b748d03 */```css
/* ===== SCROLL ANIMATION ===== */

.left,
.right,
.fact{

opacity:0;

transform:translateY(60px);

transition:1s cubic-bezier(.22,1,.36,1);

}

.left.visible,
.right.visible,
.fact.visible{

opacity:1;

transform:translateY(0);

}

/* Verzögerung */

.fact:nth-child(1){transition-delay:.08s;}
.fact:nth-child(2){transition-delay:.16s;}
.fact:nth-child(3){transition-delay:.24s;}
.fact:nth-child(4){transition-delay:.32s;}


/* Premium Hover */

.fact{

position:relative;

overflow:hidden;

}

.fact::before{

content:"";

position:absolute;

inset:0;

background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);

transform:translateY(100%);

transition:.45s cubic-bezier(.77,0,.18,1);

}

.fact:hover::before{

transform:translateY(0);

}

.fact:hover{

transform:translateY(-8px);

background:rgba(255,255,255,.03);

}

.fact:hover h3{

transform:scale(1.08);

}

.fact:hover .fact-icon{

transform:translateY(-6px) rotate(8deg) scale(1.12);

}

.left h2{

overflow:hidden;

}

.left h2 br{

display:block;

margin-bottom:2px;

}
```/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c554e92 */.fact{

padding:45px 10px;

border-right:1px solid rgba(255,255,255,.10);

opacity:0;

transform:translateY(60px);

transition:1s cubic-bezier(.22,1,.36,1);

}

.fact.show{

opacity:1;

transform:translateY(0);

}```css
/* ===================================== */
/* MESSIMMO PROCESS PREMIUM CI UPDATE */
/* ===================================== */

:root{
    --messimmo:#4c8bb2;
}

/* Kleine Überschrift */

.process-head span{
    color:var(--messimmo)!important;
}

/* Timeline */

.timeline-progress{
    background:var(--messimmo)!important;
}

/* Kreise */

.circle{

    transition:
    .45s cubic-bezier(.22,1,.36,1),
    box-shadow .45s;

}

/* Hover */

.timeline-step:hover .circle{

    background:var(--messimmo)!important;

    border-color:var(--messimmo)!important;

    color:#fff;

    transform:
    scale(1.08)
    rotate(6deg);

    box-shadow:
    0 0 25px rgba(76,139,178,.25);

}

/* Nummer */

.nr{
    transition:.35s;
}

.timeline-step:hover .nr{
    color:var(--messimmo);
}

/* Überschrift */

.timeline-step h3{
    transition:.35s;
}

.timeline-step:hover h3{
    color:var(--messimmo);
}

/* Text */

.timeline-step p{
    transition:.35s;
}

.timeline-step:hover p{
    color:#444;
}

/* Linie */

.timeline-line{

background:
linear-gradient(
90deg,
rgba(0,0,0,.08),
rgba(76,139,178,.20),
rgba(0,0,0,.08)
);

}

/* Premium Animation */

.timeline-step{

transition:
1s,
transform .45s cubic-bezier(.22,1,.36,1);

}

.timeline-step:hover{

transform:
translateY(-8px);

}

/* dezente Glow-Linie */

.timeline::after{

content:"";

position:absolute;

left:10%;

top:46px;

width:80%;

height:1px;

background:

linear-gradient(
90deg,
transparent,
rgba(76,139,178,.15),
transparent
);

pointer-events:none;

}
```/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ffb7ee3 */.fact{

padding:45px 10px;

border-right:1px solid rgba(255,255,255,.10);

opacity:0;

transform:translateY(60px);

transition:1s cubic-bezier(.22,1,.36,1);

}

.fact.show{

opacity:1;

transform:translateY(0);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d373767 *//* ===========================
PREMIUM SCROLL ANIMATION
=========================== */

.compare-head,
.compare-card{

opacity:0;
transform:translateY(70px);
transition:1s cubic-bezier(.22,1,.36,1);

}

.compare-head.visible,
.compare-card.visible{

opacity:1;
transform:translateY(0);

}

.compare-card:nth-child(1){

transition-delay:.15s;

}

.compare-card:nth-child(2){

transition-delay:.35s;

}

/* Light Sweep */

.compare-card{

position:relative;
overflow:hidden;

}

.compare-card::after{

content:"";

position:absolute;

top:0;

left:-180%;

width:60%;

height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.08),
transparent
);

transform:skewX(-25deg);

transition:1.3s;

z-index:1;

}

.compare-card:hover::after{

left:220%;

}

/* Hover Premium */

.compare-card:hover{

transform:translateY(-10px);

box-shadow:0 35px 100px rgba(255,255,255,.04);

}

.compare-card:hover h3{

transform:translateY(-3px);

}

.compare-card:hover .card-title{

letter-spacing:3px;

}

.compare-card:hover .card-footer{

background:rgba(255,255,255,.05);

border-color:rgba(255,255,255,.18);

}

/* Listenelemente */

.compare-card li{

opacity:.65;

transition:.35s;

}

.compare-card:hover li{

opacity:1;

padding-left:34px;

}

.compare-card:hover li::before{

left:6px;

}

/* Footer Glow */

.card-footer{

transition:.45s;

}

.compare-card:hover .card-footer{

box-shadow:0 0 25px rgba(255,255,255,.05);

}```css
/* =================================== */
/* MESSIMMO COMPARE PREMIUM CI UPDATE */
/* =================================== */

:root{
    --messimmo:#4c8bb2;
}

/* Label */

.compare-head span{
    color:var(--messimmo)!important;
}

/* Karten */

.compare-card{

transition:
transform .55s cubic-bezier(.22,1,.36,1),
box-shadow .55s,
border-color .55s;

}

.compare-card:hover{

transform:
translateY(-10px)
scale(1.01);

box-shadow:
0 25px 80px rgba(0,0,0,.25),
0 0 40px rgba(76,139,178,.10);

}

/* Overlay */

.compare-card::before{

background:
linear-gradient(
180deg,
rgba(76,139,178,.04),
rgba(255,255,255,.02)
)!important;

}

/* Nummer */

.card-number{

transition:.35s;

}

.compare-card:hover .card-number{

color:var(--messimmo);

}

/* DIN / WoFlV */

.card-title{

transition:.35s;

}

.compare-card:hover .card-title{

color:var(--messimmo);

}

/* Headline */

.compare-card h3{

transition:.35s;

}

.compare-card:hover h3{

color:var(--messimmo);

}

/* Bullet */

.compare-card li::before{

content:"●";

color:var(--messimmo)!important;

font-size:8px;

top:19px;

}

/* Footer */

.card-footer{

transition:.35s;

}

.compare-card:hover .card-footer{

border-color:rgba(76,139,178,.35);

background:rgba(76,139,178,.05);

color:#ffffff;

}

/* Hover Border */

.compare-card:hover{

border-color:
rgba(76,139,178,.18);

}

/* Premium Glow oben */

.card-top{

transition:.35s;

}

.compare-card:hover .card-top{

border-bottom:
1px solid rgba(76,139,178,.25);

}

/* leichte Farbverläufe */

.messimmo-compare{

position:relative;

}

.messimmo-compare::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:1px;

background:

linear-gradient(
90deg,
transparent,
rgba(76,139,178,.35),
transparent
);

}
```/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a13dcb4 */.fact{

padding:45px 10px;

border-right:1px solid rgba(255,255,255,.10);

opacity:0;

transform:translateY(60px);

transition:1s cubic-bezier(.22,1,.36,1);

}

.fact.show{

opacity:1;

transform:translateY(0);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4fd2ee */```css
/* ========================================= */
/* MESSIMMO PREMIUM CI UPDATE */
/* ========================================= */

:root{
    --messimmo:#4c8bb2;
}

/* Label */

.premium-content span{
    color:var(--messimmo)!important;
}

/* Bild */

.premium-image{

transition:
transform .8s cubic-bezier(.22,1,.36,1),
box-shadow .8s;

}

.premium-image:hover{

transform:translateY(-6px);

box-shadow:
0 30px 80px rgba(0,0,0,.12),
0 0 40px rgba(76,139,178,.10);

}

/* Scan-Linie */

.premium-image::after{

background:
linear-gradient(
90deg,
transparent,
rgba(76,139,178,.25),
transparent
)!important;

}

/* Badges */

.premium-badge{

transition:
.45s cubic-bezier(.22,1,.36,1);

}

.premium-badge:hover{

background:#4c8bb2!important;

border-color:#4c8bb2!important;

color:#ffffff!important;

transform:
translateY(-5px)
scale(1.03);

box-shadow:
0 15px 40px rgba(76,139,178,.18);

}

/* Überschrift */

.premium-content h2{

transition:.4s;

}

.premium-grid:hover .premium-content h2{

letter-spacing:.5px;

}

/* Text */

.premium-content p{

transition:.35s;

}

.premium-grid:hover .premium-content p{

color:#555;

}

/* dezente Premium Linie */

.messimmo-premium{

position:relative;

}

.messimmo-premium::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:1px;

background:

linear-gradient(
90deg,
transparent,
rgba(76,139,178,.35),
transparent
);

}

/* Glow */

.premium-grid{

transition:.5s;

}

.premium-grid:hover .premium-image img{

filter:
grayscale(0%)
contrast(1.08)
brightness(1.02);

}
```/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1bc48c5 *//* FACTS – SAUBERE SCROLL ANIMATION */

.fact{
  opacity:0;
  transform:translateY(45px);
  transition:opacity .9s cubic-bezier(.22,1,.36,1),
             transform .9s cubic-bezier(.22,1,.36,1),
             background .35s ease;
}

.fact.is-visible{
  opacity:1;
  transform:translateY(0);
}

.fact:nth-child(1){transition-delay:.05s;}
.fact:nth-child(2){transition-delay:.15s;}
.fact:nth-child(3){transition-delay:.25s;}
.fact:nth-child(4){transition-delay:.35s;}

.fact:hover{
  background:rgba(255,255,255,.035);
  transform:translateY(-6px);
}

.fact:hover .fact-icon{
  color:#fff;
  transform:translateY(-5px);
}

.fact:hover h3{
  transform:translateY(-3px);
}/* CI Farbe */

:root{
    --messimmo:#4c8bb2;
}

/* Kleine Überschrift */

.why-head span{
    color:var(--messimmo)!important;
}

/* Große Headline */

.why-head h2{
    color:#ffffff;
}

/* Hover */

.why-card::before{

background:
linear-gradient(
180deg,
rgba(76,139,178,.08),
rgba(76,139,178,.03)
)!important;

}

.why-card:hover{

background:#050505;

border-color:rgba(76,139,178,.18);

box-shadow:
0 25px 70px rgba(0,0,0,.35),
0 0 35px rgba(76,139,178,.10);

}

/* Icon */

.why-icon{
    color:var(--messimmo)!important;
}

.why-card:hover .why-icon{

color:var(--messimmo)!important;

transform:
translateY(-8px)
scale(1.1);

text-shadow:
0 0 16px rgba(76,139,178,.30);

}

/* Überschrift der Karte */

.why-card:hover h3{

color:var(--messimmo)!important;

}

/* Text lesbar lassen */

.why-card:hover p{

color:rgba(255,255,255,.72)!important;

}

/* CTA Button */

.why-bottom a{

border-color:rgba(76,139,178,.25);

}

.why-bottom a:hover{

background:#4c8bb2;

border-color:#4c8bb2;

color:#fff;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-262a067 */.messimmo-final-contact h2{
    color:#ffffff !important;
}

.messimmo-final-contact h2 *,
.messimmo-final-contact h2 a{
    color:#ffffff !important;
}

.messimmo-final-contact{
    color:#ffffff;
}

.final-left h2{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff;
}

.final-left h2 *{
    color:#ffffff !important;
}```css
/* ========================================= */
/* MESSIMMO FINAL CONTACT CI UPDATE */
/* ========================================= */

:root{
    --messimmo:#4c8bb2;
}

/* Live Badge */

.live-badge{

border-color:rgba(76,139,178,.18);

background:rgba(76,139,178,.05);

}

/* Badge Punkt */

.live-badge span{

background:var(--messimmo);

box-shadow:
0 0 18px rgba(76,139,178,.65);

}

/* Glow */

.final-glow{

background:
radial-gradient(
circle,
rgba(76,139,178,.18),
transparent 65%
);

}

/* Linie */

.final-line{

background:
linear-gradient(
90deg,
rgba(76,139,178,.45),
transparent
);

}

/* Features */

.final-features div{

transition:
.45s cubic-bezier(.22,1,.36,1);

}

.final-features div::before{

color:var(--messimmo);

}

.final-features div:hover{

background:rgba(76,139,178,.08);

border-color:rgba(76,139,178,.18);

color:#fff;

transform:
translateY(-4px);

box-shadow:
0 10px 30px rgba(76,139,178,.12);

}

/* Form Head */

.form-top span{

color:var(--messimmo);

}

/* Inputs */

.cf7-wrapper input:focus,
.cf7-wrapper textarea:focus,
.cf7-wrapper select:focus{

border-bottom-color:var(--messimmo)!important;

}

/* Submit */

.cf7-wrapper input[type="submit"]{

background:var(--messimmo)!important;

color:#fff!important;

transition:.4s;

}

.cf7-wrapper input[type="submit"]:hover{

background:#3b7394!important;

color:#fff!important;

letter-spacing:3px!important;

box-shadow:
0 10px 30px rgba(76,139,178,.25);

}

/* Kontaktinfos */

.final-info span{

color:rgba(76,139,178,.75);

}

.final-info a:hover{

color:var(--messimmo);

}

/* Hintergrund Schrift */

.final-bg-word{

color:rgba(76,139,178,.035);

}

/* Premium Linie oben */

.messimmo-final-contact::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:1px;

background:

linear-gradient(
90deg,
transparent,
rgba(76,139,178,.35),
transparent
);

}

/* Formular Karte */

.final-right{

transition:.5s;

}

.final-right:hover{

border-color:rgba(76,139,178,.18);

box-shadow:
0 40px 120px rgba(0,0,0,.25),
0 0 45px rgba(76,139,178,.10);

}

/* Headline */

.final-left h2{

transition:.4s;

}

.final-contact-grid:hover .final-left h2{

letter-spacing:2.5px;

}
```/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ffb508 */.fact{

padding:45px 10px;

border-right:1px solid rgba(255,255,255,.10);

opacity:0;

transform:translateY(60px);

transition:1s cubic-bezier(.22,1,.36,1);

}

.fact.show{

opacity:1;

transform:translateY(0);

}/* End custom CSS */