/*============ Animation Style Start ============*/ @keyframes byW3nutsFadeInUp { from { opacity: 0; transform: translate3d(0, 30px, 0);} to { opacity: 1; transform: none;} } .elementor-element .animated.fadeInUp { animation-name: byW3nutsFadeInUp !important;} /*============ Animation Style End ============*/ /*============ Button Style Start ============*/ /* .angebot-btn stammt aus den Angebotsseiten (angebot-sektionen.css) und teilt sich hier bewusst die Hover-Animation, statt sie ein zweites Mal zu pflegen. */ .elementor-button, .angebot-btn { position: relative; display: inline-flex; align-items: center;} .elementor-button:after, .angebot-btn:after { content: ''; width: 6px; height: 6px; display: block; position: relative; top: 1px; background: var(--e-global-color-primary); border-radius: 50%; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; margin: 0 0 0 -6px;} .elementor-button:hover:after, .angebot-btn:hover:after { opacity: 1; visibility: visible; margin: 0 0 0 12px;} /*============ Button Style End ============*/ /*============ All Forms Style Start ============*/ .forminator-ui.forminator-custom-form { margin: 0 !important; padding: 0 !important;} .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row { margin-left: -16px !important; margin-right: -16px !important;} .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) { margin-bottom: 16px !important;} .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row.forminator-row-last { margin-bottom: 0 !important;} .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col { padding: 0 16px !important;} .forminator-ui.forminator-custom-form .forminator-field { position: relative;} .forminator-ui.forminator-custom-form .forminator-field .forminator-label { display: none !important; font-family: "HostGrotesk-Regular", Sans-serif !important; font-size: 12px !important; color: rgba(8, 8, 8, 0.48) !important; font-weight: normal !important; line-height: 1.333 !important; margin: 0 0 8px 0 !important; padding: 0 !important;} .forminator-ui.forminator-custom-form .forminator-field .forminator-input, .forminator-ui.forminator-custom-form .forminator-field .forminator-textarea { width: 100% !important; height: 46px !important; font-family: "HostGrotesk-Regular", Sans-serif !important; font-size: 16px !important; color: #080808 !important; font-weight: normal !important; line-height: normal !important; background: #FFFFFF !important; border: 1px solid transparent !important; border-radius: 46px !important; box-shadow: none; outline: none !important; transition: all 0.3s ease; margin: 0 !important; padding: 0 16px !important;} .forminator-ui.forminator-custom-form .forminator-field .forminator-textarea { height: 165px !important; resize: none !important; border-radius: 24px !important; padding: 12px 16px !important;} .forminator-ui.forminator-custom-form .forminator-field .forminator-input:focus, .forminator-ui.forminator-custom-form .forminator-field .forminator-textarea:focus { border-color: rgba(8, 8, 8, 0.16) !important;} .forminator-ui.forminator-custom-form .forminator-field.forminator-has_error .forminator-input, .forminator-ui.forminator-custom-form .forminator-field.forminator-has_error .forminator-textarea { border-color: #C9372D !important;} .forminator-ui.forminator-custom-form .forminator-field .forminator-error-message { font-family: "HostGrotesk-Regular", Sans-serif !important; font-size: 14px !important; color: #C9372D !important; font-weight: normal !important; line-height: 1.333 !important; background: none !important; border: none !important; border-radius: 0 !important; margin: 4px 0 0 0 !important; padding: 0 !important;} .forminator-ui.forminator-custom-form .forminator-field .forminator-button { width: 100% !important; font-family: "HostGrotesk-Regular", Sans-serif !important; font-size: 16px !important; color: #FFFFFF !important; font-weight: 400 !important; line-height: 1.25 !important; background: #080808 !important; border: none !important; border-radius: 52px !important; box-shadow: none !important; margin: 0 !important; padding: 16px 24px !important;} .forminator-ui.forminator-custom-form .forminator-field .forminator-button:hover { color: #FFFFFF !important; background: #56A100 !important;} .forminator-ui.forminator-custom-form + .forminator-edit-module { margin: 16px 0 0 0;} .forminator-ui.forminator-custom-form select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--multiple, .forminator-ui.forminator-custom-form select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--single { width: 100% !important; height: 46px !important; font-family: "HostGrotesk-Regular", Sans-serif !important; font-size: 16px !important; color: #080808 !important; font-weight: normal !important; line-height: normal !important; background: #FFFFFF !important; border: 1px solid transparent !important; border-radius: 46px !important; box-shadow: none; outline: none !important; transition: all 0.3s ease; margin: 0 !important; padding: 0 16px !important;} .forminator-ui.forminator-custom-form .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus, .forminator-ui.forminator-custom-form .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] { border-color: rgba(8, 8, 8, 0.16) !important;} .forminator-ui.forminator-custom-form .forminator-field.forminator-has_error .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] { border-color: #C9372D !important;} .forminator-ui.forminator-custom-form select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered, .forminator-ui.forminator-custom-form select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered { font-size: 16px !important; padding: 8px 0 !important;} .forminator-ui.forminator-custom-form select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--multiple .select2-selection__arrow, .forminator-ui.forminator-custom-form select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow { justify-content: flex-end !important; color: #080808 !important;} .forminator-ui.forminator-custom-form select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--multiple .select2-selection__arrow [class*=forminator-icon-], .forminator-ui.forminator-custom-form select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow [class*=forminator-icon-] { margin: 0 !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default { overflow: hidden; padding: 0 !important; background: #FFFFFF !important; border-radius: 8px !important; border-color: rgba(8, 8, 8, 0.16) !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-results .select2-results__options { max-height: 240px !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-results .select2-results__options .select2-results__option { line-height: 30px !important; outline: none !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option { padding: 5px 16px !important;} .forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted { background: #E8EBE4 !important;} .forminator-select-dropdown-container--open .forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected { color: #FFFFFF !important; background: #56A100 !important;} .forminator-ui.forminator-custom-form .forminator-field-upload .forminator-file-upload { width: 100% !important; height: auto !important; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #FFFFFF !important; border: none !important; border-radius: 24px !important; margin: 0 !important; padding: 16px 16px !important;} .forminator-ui.forminator-custom-form .forminator-field-upload .forminator-file-upload .forminator-button-upload { width: 100% !important; height: 20px !important; min-width: 0px !important; overflow: hidden; font-size: 0; text-indent: 100%; background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1.5V7.5M6 1.5L8.5 4M6 1.5L3.5 4M10.5 7.5V9.5C10.5 9.76522 10.3946 10.0196 10.2071 10.2071C10.0196 10.3946 9.76522 10.5 9.5 10.5H2.5C2.23478 10.5 1.98043 10.3946 1.79289 10.2071C1.60536 10.0196 1.5 9.76522 1.5 9.5V7.5' stroke='%23080808' stroke-opacity='0.48' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: 12px 12px !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important;} .forminator-ui.forminator-custom-form .forminator-field-upload .forminator-file-upload > span[data-empty-text] { font-family: "HostGrotesk-Regular", Sans-serif !important; font-size: 14px !important; color: rgba(8, 8, 8, 0.48) !important; font-weight: normal !important; line-height: 1.2 !important; margin: 4px 0 0 0 !important;} .forminator-ui.forminator-custom-form .forminator-field-upload .forminator-file-upload .forminator-button-delete { margin: 8px 0 0 0 !important;} @media (max-width:767px) { .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) { margin-bottom: 12px !important;} .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row.forminator-row-last { margin-bottom: 0 !important;} .forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child) { margin-bottom: 12px;} .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col:not(:last-child) { margin-bottom: 12px;} .forminator-ui.forminator-custom-form .forminator-field .forminator-input, .forminator-ui.forminator-custom-form .forminator-field .forminator-textarea { font-size: 14px !important;} .forminator-ui.forminator-custom-form .forminator-field .forminator-textarea { border-radius: 20px !important;} .forminator-ui.forminator-custom-form .forminator-field .forminator-button { padding: 13px 16px !important;} .forminator-ui.forminator-custom-form select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered, .forminator-ui.forminator-custom-form select.forminator-select2 + .forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered { font-size: 14px !important;} .forminator-ui.forminator-custom-form .forminator-field-upload .forminator-file-upload { border-radius: 20px !important; padding: 12px 16px !important;} } /*============ All Forms Style End ============*/ /*============ Header Style Start ============*/ .header-main { transition: all 0.3s ease-in-out;} .header-main.is-sticky { box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);} .header-main .header-wrap .elementor-widget-theme-site-logo img { filter: invert(0) brightness(0); transition: all 0.3s ease-in-out;} .header-main .header-wrap .header-cta-btn .elementor-button { transition: all 0.3s ease-in-out;} .header-main .header-wrap .e-n-menu .e-n-menu-toggle { color: #080808 !important; background: none !important;} .header-main .header-wrap .e-n-menu .e-n-menu-toggle .e-n-menu-toggle-icon { background: rgba(8, 8, 8, 0.08) !important;} .header-main .header-wrap .e-n-menu .e-n-menu-content { top: 62px;} .header-main .header-wrap .e-n-menu .e-n-menu-content:before { content: ''; width: 100%; height: calc(100vh - 62px); background: rgba(8, 8, 8, 0); backdrop-filter: blur(4px); opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.3s ease-in-out;} .header-main .header-wrap .e-n-menu .e-n-menu-content.e-active:before { opacity: 1; visibility: visible;} .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item .e-n-menu-title .e-n-menu-dropdown-icon { position: relative; top: 1px; margin: 0 0 0 7px;} .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item .e-n-menu-title .e-n-menu-dropdown-icon svg path { stroke: currentColor;} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-service-box .elementor-widget-icon { top: 32px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out;} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-service-box:hover .elementor-widget-icon { top: 16px; opacity: 1; visibility: visible;} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-image-box { position: relative; z-index: 1;} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-image-box:after { content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(8, 8, 8, 0) 0%, rgba(8, 8, 8, 0.88) 100%); position: absolute; top: 0; left: 0; z-index: -1; pointer-events: none;} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-image-box .elementor-widget-image { width: 100%; height: 100%;} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-image-box .elementor-widget-image img { transition: all 0.3s ease-in-out;} /* Linked tile images: the must span the tile too, otherwise square photos stop short of the bottom edge in narrow tiles. */ .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-image-box .elementor-widget-image a { display: block; height: 100%;} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-image-box .elementor-widget-image img { width: 100%; height: 100% !important; max-width: none; object-fit: cover;} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-image-box:hover .elementor-widget-image img { transform: scale(1.05); filter: blur(5px);} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-image-box .elementor-widget-button .elementor-button { backdrop-filter: blur(16px);} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu .menu-image-box:hover .elementor-widget-button .elementor-button { color: #080808; background: #FFFFFF;} .header-main:hover { background-color: #F5F7F2 !important;} .header-main:hover .header-wrap .elementor-widget-theme-site-logo img { filter: none;} .header-main:hover .header-wrap .header-cta-btn .elementor-button { color: #FFFFFF; background: #56A100;} /* Header-v2 */ .transparent-header .header-main:not(.is-sticky):not(:hover) { background-color: transparent !important;} .transparent-header .header-main:not(.is-sticky):not(:hover) .header-wrap .elementor-widget-theme-site-logo img { filter: brightness(0) invert(1);} .transparent-header .header-main:not(.is-sticky):not(:hover) .header-wrap .header-cta-btn .elementor-button { color: #FFFFFF; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(16px);} .transparent-header .header-main:not(.is-sticky):not(:hover) .header-wrap .e-n-menu .e-n-menu-toggle { color: #FFFFFF !important; background: none !important;} .transparent-header .header-main:not(.is-sticky):not(:hover) .header-wrap .e-n-menu .e-n-menu-toggle .e-n-menu-toggle-icon { background: rgba(255, 255, 255, 0.08) !important;} .transparent-header .header-main:not(.is-sticky):not(:hover) .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item .e-n-menu-title { color: #FFFFFF !important;} .transparent-header .header-main:not(.is-sticky):not(:hover) .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item .e-n-menu-title a { color: #FFFFFF !important;} .transparent-header .header-main:not(.is-sticky):not(:hover) .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item .e-n-menu-title a .e-n-menu-title-text { color: #FFFFFF !important;} /* Header-v2 */ @media (min-width: 1025px) { .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item .e-n-menu-title:hover { color: #FFFFFF !important; background-color: #080808 !important;} .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item .e-n-menu-title:hover a { color: #FFFFFF !important;} } @media (min-width: 1025px) { .header-main .header-wrap .e-n-menu .e-n-menu-content { top: 62px !important;} .header-main .header-wrap .e-n-menu .e-n-menu-content > .e-con { display: block !important; opacity: 0; visibility: hidden; position: absolute !important; top: 0 !important; transition: all 0.3s ease-in-out;} .header-main .header-wrap .e-n-menu .e-n-menu-content > .e-con.e-active { opacity: 1; visibility: visible;} .header-main .header-wrap .e-n-menu .e-n-menu-content .mega-menu { opacity: 0; visibility: hidden; transform: translateY(32px); transition: all 0.3s ease-in-out;} .header-main .header-wrap .e-n-menu .e-n-menu-content.e-active .mega-menu { opacity: 1; visibility: visible; transform: translateY(0);} } @media (max-width: 1024px) { .header-main .header-wrap .e-n-menu .e-n-menu-wrapper { height: calc(100vh - 68px) !important; max-height: calc(100vh - 68px) !important; background-color: #F5F7F2 !important; top: calc(100% + 16px) !important; padding: 16px 0;} .header-main .header-wrap .e-n-menu .e-n-menu-content { top: 0;} .header-main .header-wrap .e-n-menu .e-n-menu-content:before { display: none;} .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item .e-n-menu-title { background-color: transparent !important;} .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item .e-n-menu-title .e-n-menu-dropdown-icon svg path { stroke: #080808;} } /* «Anfragen» as the last menu item: below 1025px the button beside the menu is hidden, so the burger menu shows it as a button. Matched by its own title link only, the «Angebote» dropdown links to /kontakt/ as well. */ @media (min-width: 1025px) { .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item:has(> .e-n-menu-title > a[href$="/kontakt/"]) { display: none !important;} } /* As wide as its text, left like the other items. The padding sits on the link, not on its frame, so the whole button is clickable. */ @media (max-width: 1024px) { .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item:has(> .e-n-menu-title > a[href$="/kontakt/"]) { padding: 16px 16px 0;} .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item:has(> .e-n-menu-title > a[href$="/kontakt/"]) .e-n-menu-title { width: fit-content; padding: 0 !important; border-radius: 999px; background-color: #56A100 !important;} .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item:has(> .e-n-menu-title > a[href$="/kontakt/"]) .e-n-menu-title a { padding: 12px 24px; color: #FFFFFF !important;} .header-main .header-wrap .e-n-menu .e-n-menu-heading > .e-n-menu-item:has(> .e-n-menu-title > a[href$="/kontakt/"]) .e-n-menu-title a .e-n-menu-title-text { color: #FFFFFF !important;} } /*============ Header Style End ============*/ /*============ Services List Widget ============*/ .services-list { width: 100%; position: relative;} .services-list .services-grid { width: 100%; display: flex; flex-wrap: wrap; gap: 16px;} .services-list .service-card { width: calc(50% - 8px); position: relative;} .services-list .service-card .service-card-img { width: 100%; position: relative; overflow: hidden; border-radius: 12px;} .services-list .service-card .service-card-img:after { content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.64) 100%); position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none;} .services-list .service-card .service-card-img img { width: 100%; height: 100%; display: block; object-fit: cover; aspect-ratio: 3/2; transition: all 0.3s ease-in-out;} .services-list .service-card:hover .service-card-img img { transform: scale(1.05); filter: blur(5px);} .services-list .service-card .service-card-detail { width: 100%; display: flex; align-items: flex-start; gap: 24px; position: absolute; bottom: 0; left: 0; z-index: 1; padding: 24px 24px;} .services-list .service-card .service-card-detail .card-content { position: relative; overflow: hidden; flex: 1 1 auto;} .services-list .service-card .service-card-detail .card-content h3 { font-family: "HostGrotesk-Medium", Sans-serif; font-size: 24px; color: rgba(255, 255, 255, 0.88); font-weight: normal; letter-spacing: -0.5px; line-height: 1.167; transform: translateY(52px); transition: all 0.3s ease-in-out; margin: 0; padding: 0;} .services-list .service-card:hover .service-card-detail .card-content h3 { transform: translateY(0);} .services-list .service-card .service-card-detail .card-content p { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: rgba(255, 255, 255, 0.88); opacity: 0; transform: translateY(100%); transition: all 0.3s ease-in-out; margin: 8px 0 0 0; padding: 0;} .services-list .service-card:hover .service-card-detail .card-content p { opacity: 1; transform: translateY(0);} .services-list .service-card .service-card-detail .btn-group { width: auto; flex: 0 0 auto; align-self: flex-end;} .services-list .service-card .service-card-detail .btn-group .btn-secondary { width: 36px; height: 36px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #FFFFFF; background: rgba(255, 255, 255, 0.08); border-radius: 50%; transition: all 0.3s ease-in-out; margin: 0; padding: 0;} .services-list .service-card:hover .service-card-detail .btn-group .btn-secondary { color: #080808; background: #FFFFFF; transform: rotate(-45deg);} @media (max-width: 767px) { .services-list .services-grid { gap: 16px;} .services-list .service-card { width: 100%;} .services-list .service-card .service-card-img img { aspect-ratio: 4/3;} .services-list .service-card .service-card-detail { gap: 16px; padding: 16px 16px;} .services-list .service-card .service-card-detail .card-content h3 { font-size: 20px; transform: none;} .services-list .service-card .service-card-detail .card-content p { -webkit-line-clamp: 5; line-clamp: 5; opacity: 1; transform: none;} } /*============ Services List Widget ============*/ /*============ Team List Widget ============*/ .team-list .team-box .team-box-image .elementor-widget-image img { aspect-ratio: 13 / 15; transition: all 0.3s ease-in-out;} .team-list .team-box .team-box-image .elementor-widget-social-icons { opacity: 0; transition: all 0.3s ease-in-out;} .team-list .team-box:hover .team-box-image .elementor-widget-image img { transform: scale(1.05); filter: blur(5px);} .team-list .team-box:hover .team-box-image .elementor-widget-social-icons { opacity: 1;} @media (max-width: 767px) { .team-list .team-box .team-box-image .elementor-widget-image img { aspect-ratio: 1 / 1;} } /*============ Team List Widget ============*/ /*============ Home News Articles Widget ============*/ .home-news-articles-block .elementor-widget-loop-grid .elementor-grid { gap: 16px;} .home-news-articles-block .elementor-widget-loop-grid .elementor-grid .e-loop-item { margin: 0;} .home-news-articles .elementor-widget-theme-post-featured-image a { display: block;} .home-news-articles .elementor-widget-theme-post-featured-image img { aspect-ratio: 154 / 125; transition: all 0.3s ease-in-out;} .home-news-articles .elementor-widget-button { opacity: 0; transition: all 0.3s ease-in-out;} .home-news-articles:hover .elementor-widget-theme-post-featured-image img { transform: scale(1.05); filter: blur(5px);} .home-news-articles:hover .elementor-widget-button { opacity: 1;} .home-news-articles .loop-post_info .elementor-post-info__item--type-terms { display: inline-flex !important; color: rgba(8, 8, 8, 0.88); background: #E8EBE4; border-radius: 12px; padding: 4px 8px;} @media (max-width: 767px) { .home-news-articles-block .elementor-widget-loop-grid .elementor-grid { width: calc(100% + 32px); min-width: calc(100% + 32px); max-width: calc(100% + 32px); margin: 0 -16px; padding: 0 16px; scrollbar-width: none; -ms-overflow-style: none; display: flex; flex-direction: row !important; flex-wrap: nowrap !important; overflow: auto;} .home-news-articles-block .elementor-widget-loop-grid .elementor-grid .e-loop-item { width: 300px; flex: 0 0 auto;} } /*============ Home News Articles Widget ============*/