.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}body:not(.rtl) .elementor-5816 .elementor-element.elementor-element-b7c4224{left:-1px;}body.rtl .elementor-5816 .elementor-element.elementor-element-b7c4224{right:-1px;}.elementor-5816 .elementor-element.elementor-element-b7c4224{top:0px;}.elementor-widget-premium-img-gallery.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-img-gallery .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-premium-img-gallery .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-premium-img-gallery.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-premium-img-gallery:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-premium-img-gallery.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-premium-img-gallery .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-premium-img-gallery .premium-gallery-img-name, .elementor-widget-premium-img-gallery .premium-gallery-img-name a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-img-gallery .premium-gallery-img-desc, .elementor-widget-premium-img-gallery .premium-gallery-img-desc a{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-img-gallery .pa-gallery-magnific-image i, .elementor-widget-premium-img-gallery .pa-gallery-img-link i{color:var( --e-global-color-primary );}.elementor-widget-premium-img-gallery .pa-gallery-magnific-image svg, .elementor-widget-premium-img-gallery .pa-gallery-img-link svg{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-widget-premium-img-gallery .pa-gallery-magnific-image span, .elementor-widget-premium-img-gallery .pa-gallery-img-link span{background-color:var( --e-global-color-secondary );}.elementor-widget-premium-img-gallery .pa-gallery-magnific-image:hover i, .elementor-widget-premium-img-gallery .pa-gallery-img-link:hover i{color:var( --e-global-color-primary );}.elementor-widget-premium-img-gallery .pa-gallery-magnific-image:hover svg, .elementor-widget-premium-img-gallery .pa-gallery-img-link:hover svg{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-widget-premium-img-gallery .pa-gallery-magnific-image:hover span, .elementor-widget-premium-img-gallery .pa-gallery-img-link:hover span{background-color:var( --e-global-color-secondary );}.elementor-widget-premium-img-gallery .premium-gallery-cats-container li a.category{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-secondary );}.elementor-widget-premium-img-gallery .premium-gallery-cats-container li a.active{color:var( --e-global-color-primary );}.elementor-widget-premium-img-gallery .premium-gallery-load-more-btn{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-secondary );}.elementor-widget-premium-img-gallery .premium-gallery-load-more-btn .premium-loader{border-color:var( --e-global-color-secondary );border-top-color:var( --e-global-color-secondary );}.elementor-widget-premium-img-gallery .premium-gallery-load-more-btn:hover{color:var( --e-global-color-secondary );}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img-container img{object-fit:cover;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .premium-img-gallery-filter{justify-content:center;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .premium-gallery-caption{text-align:center;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img:not(.style2):hover .pa-gallery-icons-wrapper, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img .pa-gallery-icons-caption-container, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img:hover .pa-gallery-icons-caption-container{background-color:#00000099;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .premium-gallery-img-name, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .premium-gallery-img-name a{color:#FFFFFF;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .premium-gallery-img-desc, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .premium-gallery-img-desc a{color:#FFFFFF;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container{top:50%;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-icons-inner-container i, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-icons-caption-cell i{font-size:35px;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-icons-inner-container svg, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-icons-caption-cell svg{width:35px;height:35px;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-magnific-image i, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img-link i{color:#FFFFFF;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-magnific-image svg, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img-link svg{fill:#FFFFFF;color:#FFFFFF;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-magnific-image span, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img-link span{background-color:#FF7602;padding:20px 20px 20px 20px;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-magnific-image:hover i, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img-link:hover i{color:#FFFFFF;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-magnific-image:hover svg, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img-link:hover svg{fill:#FFFFFF;color:#FFFFFF;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-magnific-image:hover span, .elementor-5816 .elementor-element.elementor-element-68dd0f7 .pa-gallery-img-link:hover span{background-color:#CF5A06;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .premium-gallery-cats-container li a:hover{color:#FF751D;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .premium-gallery-cats-container li a.active{color:#FF751D;}.elementor-5816 .elementor-element.elementor-element-68dd0f7 .premium-gallery-cats-container li a.category{margin:0px 0px 0px 0px;}/* Start custom CSS *//* ==========================================================================
SCOPE: Home Hero
========================================================================== */
@scope (.mrkt-home-hero) {
:scope .e-div-block-base,
.elementor :scope {
min-width: 0;
min-height: 0;
padding: 0;
}
.elementor :scope {
position: relative;
width: 100%;
height: 100svh;
overflow: visible;
/* CHANGED: was clip */
background-color: var(--mrkt-color-secondary-700);
}
:scope .image-content .mrkt-typo-h3 {
color: var(--mrkt-color-primary-300);
}
:scope .content .mrkt-typo-eyebrow {
color: var(--mrkt-color-text-muted);
}
:scope .mrkt-typo-super-large {
color: var(--mrkt-color-secondary-400);
}
:scope .highlight {
color: var(--mrkt-color-primary-500);
}
:scope::before,
:scope::after {
/* Positioning */
position: absolute;
inset: 0;
z-index: -2;
/* Style */
content: "";
pointer-events: none;
}
.elementor :scope::before {
/* Style */
z-index: -10;
background-image: var(--hero-image);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
:scope::after {
/* Positioning */
z-index: -1;
/* Style */
background: var(--mrkt-color-black-a60);
}
:scope .foil {
/* Positioning */
position: absolute;
inset-block: 0;
inset-inline-start: 0;
z-index: 1;
/* Layout */
display: flex;
align-items: center;
width: 66%;
height: 100%;
padding-block: var(--mrkt-section-padding-block);
padding-inline: var(--mrkt-section-padding-inline) 12vw;
overflow: visible;
/* Style */
--foil-color-1: var(--mrkt-color-white);
--foil-color-2: var(--mrkt-color-accent-500);
--foil-color-3: var(--mrkt-color-primary-100);
border-radius: 0 15vh 15vh 0;
background: linear-gradient(105deg,
color-mix(in srgb, var(--foil-color-1) 70%, transparent) 0 31%,
color-mix(in srgb, var(--foil-color-2) 70%, transparent) 31% 64%,
color-mix(in srgb, var(--foil-color-3) 70%, transparent) 64% 100%);
box-shadow: var(--mrkt-shadow-L);
/* Synchronize blur values */
-webkit-backdrop-filter: blur(18px) saturate(0.7);
backdrop-filter: blur(18px) saturate(0.7);
/* Transitions */
will-change: transform, opacity;
}
:scope .mrkt-typo-h4 {
font-style: italic;
}
:scope .mrkt-typo-super-large {
font-size: clamp(6rem, 4.1vw, 6.25rem);
}
:scope .logo {
height: clamp(10rem, 6.1vw, 10.25rem);
width: auto;
}
:scope .content {
/* Positioning */
position: relative;
z-index: 1;
/* Layout */
display: flex;
flex-direction: row;
align-items: center;
gap: var(--mrkt-space-L);
width: 100%;
}
:scope .sub-content {
/* Layout */
display: flex;
flex-direction: column;
align-items: flex-end;
gap: var(--mrkt-space-XS);
}
:scope .title {
/* Layout */
max-width: 12ch;
/* Style */
color: var(--mrkt-color-text);
}
:scope .intro {
/* Layout */
max-width: 48ch;
/* Font */
line-height: 1.6;
/* Style */
color: var(--mrkt-color-text-muted);
}
:scope .action {
/* Layout */
margin-top: var(--mrkt-space-XS);
/* Font */
text-decoration: none;
}
:scope .image-content {
/* Positioning */
position: absolute;
top: 50%;
left: var(--mrkt-section-padding-inline);
z-index: 0;
/* Layout */
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--mrkt-space-S);
width: 56%;
translate: 0 -50%;
/* Style */
color: var(--mrkt-color-white);
/* Transitions */
will-change: transform, opacity;
}
:scope .image-content p,
:scope .image-title {
/* Layout */
margin: 0;
}
:scope .image-title {
/* Layout */
max-width: 13ch;
/* Style */
color: var(--mrkt-color-white);
}
:scope .image-title span {
/* Font */
font-style: italic;
/* Style */
color: var(--mrkt-color-primary);
}
:scope .image-intro {
/* Layout */
max-width: 48ch;
/* Font */
line-height: 1.6;
/* Style */
color: var(--mrkt-color-white);
}
:scope .reveal {
/* Positioning */
position: absolute;
right: var(--mrkt-section-padding-inline);
bottom: var(--mrkt-section-padding-block);
z-index: 0;
/* Layout */
display: flex;
flex-direction: column;
align-items: flex-end;
gap: var(--mrkt-space-XS);
/* Font */
text-align: right;
/* Style */
color: var(--mrkt-color-white);
}
:scope .reveal p {
/* Layout */
max-width: 22ch;
margin: 0;
}
@media only screen and (min-width: 768px) {
:scope .mrkt-typo-h1 {
/* Font */
font-size: clamp(2.625rem, 5.6vw, 5.25rem);
}
}
@media only screen and (max-width: 767px) {
:scope .foil {
/* Layout */
align-items: flex-end;
width: calc(100% - var(--mrkt-space-M));
padding-block: var(--mrkt-space-XL);
padding-inline: var(--mrkt-section-padding-inline) var(--mrkt-space-L);
}
:scope .content {
/* Layout */
gap: var(--mrkt-space-S);
}
:scope .image-content {
/* Positioning */
top: var(--mrkt-space-XL);
left: var(--mrkt-section-padding-inline);
/* Layout */
gap: var(--mrkt-space-S);
width: calc(100% - (2 * var(--mrkt-section-padding-inline)));
translate: none;
}
:scope .reveal {
/* Positioning */
right: var(--mrkt-section-padding-inline);
bottom: var(--mrkt-space-L);
}
}
@media (prefers-reduced-motion: reduce) {
:scope .foil,
:scope .image-content {
/* Transitions */
will-change: auto;
}
}
}
@scope (.mrkt-referenzen) {
:scope .e-div-block-base,
.elementor :scope {
min-width: 0;
min-height: 0;
padding: 0;
}
.elementor :scope {
display: flex;
flex-direction: column;
gap: var(--mrkt-space-L);
}
:scope .content {
display: flex;
flex-direction: column;
gap: var(--mrkt-space-S);
text-align: right;
}
}/* End custom CSS */