.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-4490 .elementor-element.elementor-element-2040f40{left:-1px;}body.rtl .elementor-4490 .elementor-element.elementor-element-2040f40{right:-1px;}.elementor-4490 .elementor-element.elementor-element-2040f40{top:0px;}body:not(.rtl) .elementor-4490 .elementor-element.elementor-element-fdf4f01{left:0px;}body.rtl .elementor-4490 .elementor-element.elementor-element-fdf4f01{right:0px;}.elementor-4490 .elementor-element.elementor-element-fdf4f01{top:0px;}.elementor-4490 .elementor-element.elementor-element-d69bc52.elementor-element{--align-self:flex-start;}.elementor-widget-premium-counter.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-counter .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-premium-counter.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-premium-counter:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-premium-counter.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-counter .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-premium-counter .premium-counter-area .premium-counter-icon .icon i{color:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-drawable-icon *, .elementor-widget-premium-counter .premium-counter-icon svg:not([class*="premium-"]){fill:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-drawable-icon *, .elementor-widget-premium-counter svg:not([class*="premium-"]){stroke:var( --e-global-color-accent );}.elementor-widget-premium-counter .premium-counter-area .premium-counter-icon .icon-bg{background:var( --e-global-color-secondary );}.elementor-widget-premium-counter .premium-counter-title .premium-counter-title-val{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-counter-desc{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-premium-counter .premium-counter-area .premium-counter-init{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-counter-area span#prefix{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-counter-area span#suffix{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4490 .elementor-element.elementor-element-86c5fa5 .premium-init-wrapper{flex-direction:column;}.elementor-4490 .elementor-element.elementor-element-86c5fa5 .premium-counter:not(.top){justify-content:center;}.elementor-4490 .elementor-element.elementor-element-86c5fa5 .premium-counter.top{align-items:center;}.elementor-4490 .elementor-element.elementor-element-86c5fa5 .premium-counter-value-wrap{align-self:center;}.elementor-4490 .elementor-element.elementor-element-86c5fa5 .premium-counter-title .premium-counter-title-val{color:#EC6304;font-family:"Work Sans", Sans-serif;font-weight:600;}.elementor-4490 .elementor-element.elementor-element-86c5fa5 .premium-counter-desc{color:#FFFCF2;font-family:"Work Sans", Sans-serif;font-weight:400;}.elementor-4490 .elementor-element.elementor-element-86c5fa5 .premium-counter-area .premium-counter-init{color:#EC6304;font-family:"Work Sans", Sans-serif;font-weight:600;}.elementor-4490 .elementor-element.elementor-element-885a2d7 .premium-init-wrapper{flex-direction:column;}.elementor-4490 .elementor-element.elementor-element-885a2d7{padding:0px 0px 0px 0px;}.elementor-4490 .elementor-element.elementor-element-885a2d7 .premium-counter:not(.top){justify-content:center;}.elementor-4490 .elementor-element.elementor-element-885a2d7 .premium-counter.top{align-items:center;}.elementor-4490 .elementor-element.elementor-element-885a2d7 .premium-counter-value-wrap{align-self:center;}.elementor-4490 .elementor-element.elementor-element-885a2d7 .premium-counter-title .premium-counter-title-val{color:#EC6304;font-family:"Work Sans", Sans-serif;font-weight:600;}.elementor-4490 .elementor-element.elementor-element-885a2d7 .premium-counter-desc{font-family:"Work Sans", Sans-serif;font-weight:400;}.elementor-4490 .elementor-element.elementor-element-885a2d7 .premium-counter-title{padding:0px 0px 0px 0px;}.elementor-4490 .elementor-element.elementor-element-885a2d7 .premium-counter-area .premium-counter-init{color:#EC6304;font-family:"Work Sans", Sans-serif;font-weight:600;}.elementor-4490 .elementor-element.elementor-element-885a2d7 .premium-counter-area span#prefix{color:#FFFCF2;}.elementor-4490 .elementor-element.elementor-element-885a2d7 .premium-counter-area span#suffix{color:#FFFCF2;}.elementor-4490 .elementor-element.elementor-element-35dd3a4 .premium-init-wrapper{flex-direction:column;}.elementor-4490 .elementor-element.elementor-element-35dd3a4 .premium-counter:not(.top){justify-content:center;}.elementor-4490 .elementor-element.elementor-element-35dd3a4 .premium-counter.top{align-items:center;}.elementor-4490 .elementor-element.elementor-element-35dd3a4 .premium-counter-value-wrap{align-self:center;}.elementor-4490 .elementor-element.elementor-element-35dd3a4 .premium-counter-title .premium-counter-title-val{color:#EC6304;font-family:"Work Sans", Sans-serif;font-weight:600;}.elementor-4490 .elementor-element.elementor-element-35dd3a4 .premium-counter-desc{font-family:"Work Sans", Sans-serif;font-weight:400;}.elementor-4490 .elementor-element.elementor-element-35dd3a4 .premium-counter-area .premium-counter-init{color:#EC6304;font-family:"Work Sans", Sans-serif;font-weight:600;}.elementor-4490 .elementor-element.elementor-element-35dd3a4 .premium-counter-area span#prefix{color:#FFFCF2;}.elementor-4490 .elementor-element.elementor-element-35dd3a4 .premium-counter-area span#suffix{color:#FFFCF2;}body:not(.rtl) .elementor-4490 .elementor-element.elementor-element-7b22e09{left:0px;}body.rtl .elementor-4490 .elementor-element.elementor-element-7b22e09{right:0px;}.elementor-4490 .elementor-element.elementor-element-7b22e09{top:0px;}.elementor-4490 .elementor-element.elementor-element-16e9f8e.elementor-element{--align-self:center;}.elementor-widget-premium-google-reviews.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-google-reviews .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-premium-google-reviews .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-premium-google-reviews.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-premium-google-reviews:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-premium-google-reviews.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-google-reviews .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-premium-google-reviews .premium-fb-rev-rating-count span{color:var( --e-global-color-primary );}.elementor-widget-premium-google-reviews .premium-fb-rev-page-link{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-google-reviews .premium-fb-rev-page-link:hover{color:var( --e-global-color-primary );}.elementor-widget-premium-google-reviews .premium-fb-rev-page-rating{color:var( --e-global-color-primary );}.elementor-widget-premium-google-reviews .premium-fb-rev-reviewer-link{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-google-reviews .premium-fb-rev-reviewer-link:hover{color:var( --e-global-color-primary );}.elementor-widget-premium-google-reviews .premium-fb-rev-time .premium-fb-rev-time-text{color:var( --e-global-color-primary );}.elementor-widget-premium-google-reviews .premium-fb-rev-time .premium-fb-rev-time-text:hover{color:var( --e-global-color-primary );}.elementor-widget-premium-google-reviews .premium-fb-rev-text{color:var( --e-global-color-secondary );}.elementor-widget-premium-google-reviews .premium-fb-rev-readmore{color:var( --e-global-color-primary );}.elementor-widget-premium-google-reviews .premium-fb-rev-readmore:hover{color:var( --e-global-color-primary );}.elementor-widget-premium-google-reviews .premium-fb-rev-container .slick-arrow{color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );}.elementor-widget-premium-google-reviews .premium-fb-rev-container .slick-arrow:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );}.elementor-widget-premium-google-reviews ul.slick-dots li{color:var( --e-global-color-secondary );}.elementor-widget-premium-google-reviews ul.slick-dots li.slick-active{color:var( --e-global-color-primary );}.elementor-4490 .elementor-element.elementor-element-fd71518 .premium-fb-rev-review-wrap{width:25%;padding:0px 10px 30px 10px;}.elementor-4490 .elementor-element.elementor-element-fd71518 .premium-fb-rev-reviewer-header{justify-content:flex-start;}.elementor-4490 .elementor-element.elementor-element-fd71518 .premium-fb-rev-review{border-style:none;}.elementor-4490 .elementor-element.elementor-element-fd71518 .premium-fb-rev-reviews a.carousel-arrow , .elementor-4490 .elementor-element.elementor-element-fd71518.premium-fb-page-next-yes.premium-reviews-place-v-center .premium-fb-rev-page-inner {transform:translateY(calc(-50% + 0px/2 - 30px/2 )) !important;}.elementor-4490 .elementor-element.elementor-element-fd71518.premium-fb-page-next-yes.premium-reviews-place-v-bottom .premium-fb-rev-page-inner {transform:translateY(calc(-100% - 30px )) !important;}.elementor-4490 .elementor-element.elementor-element-fd71518.premium-fb-page-next-yes.premium-reviews-place-v-top .premium-fb-rev-page-inner {transform:translateY(0px) !important;}.elementor-4490 .elementor-element.elementor-element-fd71518 .premium-fb-rev-text-wrapper{margin:10px 0px 0px 0px;}.elementor-4490 .elementor-element.elementor-element-fd71518{justify-content:center;}body:not(.rtl) .elementor-4490 .elementor-element.elementor-element-a2a0877{left:0px;}body.rtl .elementor-4490 .elementor-element.elementor-element-a2a0877{right:0px;}.elementor-4490 .elementor-element.elementor-element-a2a0877{top:0px;}@media(max-width:1300px){.elementor-4490 .elementor-element.elementor-element-fd71518 .premium-fb-rev-review-wrap{width:100%;}}@media(max-width:767px){.elementor-4490 .elementor-element.elementor-element-fd71518 .premium-fb-rev-review-wrap{width:100%;}}/* Start custom CSS for premium-google-reviews, class: .elementor-element-fd71518 *//* shorthands */
.elementor-widget-premium-google-reviews {
--reviews-card-bg: var(--mrkt-color-accent-500);
--reviews-card-border: 1px solid color-mix(in srgb, var(--mrkt-color-primary) 18%, transparent);
--reviews-card-radius: var(--mrkt-border-radius-S);
--reviews-card-padding: clamp(1.5rem, 3vw, 2.25rem);
--reviews-card-shadow: 0 1.5rem 1.5rem -0.75rem color-mix(in oklch, var(--mrkt-color-primary-500) 12%, var(--mrkt-color-transparent));
--reviews-quote-color: var(--mrkt-color-secondary);
--reviews-author-color: var(--mrkt-color-primary-500);
--reviews-readmore-color: var(--mrkt-color-primary-700);
--reviews-btn-bg: oklch(from var(--mrkt-color-primary-300) l c h / 0.2);
--reviews-btn-color: var(--mrkt-color-text);
--reviews-btn-border: var(--mrkt-color-border-default);
--reviews-btn-bg-hover: var(--mrkt-color-primary);
--reviews-btn-color-hover: var(--mrkt-color-white);
/* room above the slider for the arrow pills */
position: relative;
}
/* middle active slide(s): inset the card horizontally */
.elementor-widget-premium-google-reviews .premium-fb-rev-container,
.elementor-widget-premium-google-reviews .premium-fb-rev-list,
.elementor-widget-premium-google-reviews .premium-fb-rev-reviews {
padding: 0;
background: transparent;
}
.elementor-widget-premium-google-reviews .slick-list {
overflow: hidden;
padding: 3rem 0 3rem 0;
/* margin-bottom: -3rem; */
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-review-wrap.premium-fb-rev-review-wrap {
padding: 0;
height: auto;
box-sizing: border-box;
}
.elementor-widget-premium-google-reviews .slick-track {
display: flex;
align-items: stretch;
gap: var(--mrkt-default-gap);
}
.elementor-widget-premium-google-reviews .slick-slide > div,
.elementor-widget-premium-google-reviews .slick-slide .premium-fb-rev-review-wrap {
position: static !important;
height: 100%;
}
@scope (.premium-fb-rev-review-wrap){
:scope{
position: static !important;
flex: 1 1 20vw !important;
max-width: 50%;
box-shadow: var(--mrkt-shadow-base);
border: var(--reviews-card-border);
border-radius: var(--reviews-card-radius);
}
}
@scope (.premium-fb-rev-reviews){
:scope {
height: auto;
display: flex;
gap: var(--mrkt-default-gap);
}
}
.elementor-widget-premium-google-reviews .slick-slide .premium-fb-rev-review {
width: calc(100% - 1.5rem);
margin-inline: 0rem;
}
.elementor-widget-premium-google-reviews .slick-slide.slick-active:not(.slick-active + .slick-active) .premium-fb-rev-review {
width: calc(100% - 0.75rem);
margin-left: 0;
}
.elementor-widget-premium-google-reviews .slick-slide.slick-active:not(:has(+ .slick-active)) .premium-fb-rev-review {
width: calc(100% - 0.75rem);
margin-right: 0;
}
.elementor-widget-premium-google-reviews
.slick-slide.slick-active:not(.slick-active + .slick-active):not(:has(+ .slick-active))
.premium-fb-rev-review {
width: 100%;
}
/* ── card ────────────────────────────── */
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-review.premium-fb-rev-review {
display: flex;
flex-direction: column;
height: 100%;
padding: var(--reviews-card-padding);
background: var(--reviews-card-bg);
border-radius: var(--reviews-card-radius);
box-shadow: var(--reviews-card-shadow);
box-sizing: border-box;
transition:
transform var(--mrkt-transition-base),
box-shadow var(--mrkt-transition-base);
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-review-inner.premium-fb-rev-review-inner {
flex: 1;
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-content-right.premium-fb-rev-content-right {
flex: 1;
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr;
column-gap: 1rem;
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-content-right.premium-fb-rev-content-right
> .premium-fb-rev-content-left {
grid-column: 1;
grid-row: 1;
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-content-right.premium-fb-rev-content-right
> .premium-fb-rev-reviewer-header {
grid-column: 2;
grid-row: 1;
align-self: center;
gap: 0.5rem;
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-content-right.premium-fb-rev-content-right
> .premium-fb-rev-rating {
grid-column: 1 / -1;
grid-row: 2;
display: flex;
flex-direction: column;
}
.elementor-widget-premium-google-reviews .premium-fb-rev-review:hover {
transform: translateY(-2px);
box-shadow: 0 2rem 2rem -0.75rem color-mix(in oklch, var(--mrkt-color-primary-500) 18%, var(--mrkt-color-transparent));
}
/* avatar */
.elementor-widget-premium-google-reviews .premium-fb-rev-img {
width: 3rem;
height: 3rem;
border-radius: var(--mrkt-border-radius-full);
object-fit: cover;
}
/* name */
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviewer-link.premium-fb-rev-reviewer-link,
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviewer-link.premium-fb-rev-reviewer-link:visited {
font-family: var(--mrkt-font-heading);
font-size: 1rem;
font-weight: 700;
color: var(--reviews-author-color);
text-decoration: none;
line-height: 1.2;
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviewer-link.premium-fb-rev-reviewer-link:hover {
color: var(--reviews-readmore-color);
}
/* stars */
.elementor-widget-premium-google-reviews .premium-fb-rev-stars-container {
line-height: 0;
align-self: end;
}
.elementor-widget-premium-google-reviews .premium-fb-rev-stars { display: inline-flex; gap: 0.125rem; }
.elementor-widget-premium-google-reviews .premium-fb-rev-star svg { width: 0.95rem; height: 0.95rem; }
/* keep stars left-aligned, not centered */
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviewer-header.premium-fb-rev-reviewer-header {
justify-content: flex-start;
align-items: flex-start;
}
/* quote text */
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-text-wrapper.premium-fb-rev-text-wrapper {
margin-top: 1.25rem;
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-text.premium-fb-rev-text {
font-family: var(--mrkt-font-body);
font-size: 1.05rem;
line-height: 1;
color: var(--reviews-quote-color);
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-text-wrapper.premium-fb-rev-text-wrapper {
display: flex;
flex-direction: column;
flex: 1;
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-readmore.premium-fb-rev-readmore,
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-readmore.premium-fb-rev-readmore:visited {
align-self: flex-start;
margin-top: auto;
padding-top: 0.75rem;
font-family: var(--mrkt-font-body);
font-size: var(--mrkt-typo-super-small);
font-weight: 700;
color: var(--reviews-readmore-color);
text-decoration: none;
letter-spacing: 0.04em;
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-readmore.premium-fb-rev-readmore:hover {
color: var(--mrkt-color-primary-500);
text-decoration: underline;
}
/* google "G" badge*/
.elementor-widget-premium-google-reviews .premium-fb-rev-icon {
position: absolute;
top: 1.25rem;
right: 1.25rem;
width: 1.25rem;
height: 1.25rem;
opacity: 0.7;
}
.elementor-widget-premium-google-reviews .premium-fb-rev-icon svg {
width: 100%;
height: 100%;
display: block;
}
/* ── arrows → "Zurück" / "Weiter" pills ── */
/* Plugin uses `a.carousel-arrow` etc. Pair widget×2 + a.carousel-arrow×2
= (0,4,0) + (0,2,1) — overrules its post-XYZ.css rule. */
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviews
a.carousel-arrow.carousel-arrow.slick-arrow {
/* reset plugin positioning; float above the widget by own height + 1rem */
top: 2rem;
left: auto;
bottom: auto;
width: auto;
height: auto;
transform: translateY(-100%);
margin: 0;
align-items: center;
justify-content: center;
padding: 0.6rem 1.25rem;
background: var(--reviews-btn-bg);
color: var(--reviews-btn-color);
/* border: 1px solid var(--reviews-btn-border); */
border-radius: var(--mrkt-border-radius-S);
font-family: var(--mrkt-font-heading);
font-size: var(--mrkt-typo-super-small);
font-weight: var(--mrkt-typo-body-weight);
line-height: 1;
letter-spacing: 0.04em;
text-decoration: none;
cursor: pointer;
opacity: 1;
z-index: 5;
transition:
background var(--mrkt-transition-base),
color var(--mrkt-transition-base),
border-color var(--mrkt-transition-base),
transform var(--mrkt-transition-base);
}
/* hide FontAwesome chevron inside the arrow */
.elementor-widget-premium-google-reviews .carousel-arrow > i,
.elementor-widget-premium-google-reviews .carousel-arrow > .fas,
.elementor-widget-premium-google-reviews .carousel-arrow > svg {
display: none;
}
/* inject labels */
.elementor-widget-premium-google-reviews .carousel-arrow.carousel-prev::before {
content: "Zurück";
display: inline-block;
}
.elementor-widget-premium-google-reviews .carousel-arrow.carousel-next::before {
content: "Weiter";
display: inline-block;
}
/* place the two pills at top-right, side by side */
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviews
a.carousel-arrow.carousel-prev.carousel-prev {
right: 6.5rem;
left: auto;
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviews
a.carousel-arrow.carousel-next.carousel-next {
right: 0;
left: auto;
}
/* hover/focus/disabled */
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviews
a.carousel-arrow.carousel-arrow:hover,
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviews
a.carousel-arrow.carousel-arrow:focus-visible {
background: var(--reviews-btn-bg-hover);
color: var(--reviews-btn-color-hover);
border-color: var(--reviews-btn-bg-hover);
transform: translateY(calc(-100% - 1px));
}
.elementor-widget-premium-google-reviews .carousel-arrow:focus-visible {
outline: 2px solid var(--mrkt-color-primary-500);
outline-offset: 3px;
}
.elementor-widget-premium-google-reviews .carousel-arrow.slick-disabled {
opacity: 0.4;
pointer-events: none;
}
/* ── tablet/mobile ────────────────────── */
@media (max-width: 767px) {
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviews
a.carousel-arrow.carousel-arrow {
padding: 0.5rem 1rem;
font-size: 0.8rem;
}
.elementor-widget-premium-google-reviews.elementor-widget-premium-google-reviews
.premium-fb-rev-reviews
a.carousel-arrow.carousel-prev.carousel-prev {
right: 5.5rem;
}
}/* End custom CSS */
/* 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-family: var(--mrkt-font-body, system-ui, -apple-system, sans-serif);
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: column;
align-items: flex-end;
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;
}
}
}/* End custom CSS */