.elementor-66 .elementor-element.elementor-element-bee8ab2{--display:flex;}.elementor-66 .elementor-element.elementor-element-ce49767{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:40px 60px;--row-gap:40px;--column-gap:60px;}.elementor-66 .elementor-element.elementor-element-43a3b17{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-66 .elementor-element.elementor-element-a34f922{--display:flex;}.elementor-66 .elementor-element.elementor-element-e590dc8{text-align:center;}.elementor-66 .elementor-element.elementor-element-b693aed{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-66 .elementor-element.elementor-element-ebca421{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-66 .elementor-element.elementor-element-b98e734{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-text{transition:color 0.3s;}.elementor-66 .elementor-element.elementor-element-dc2db13{--display:flex;}.elementor-66 .elementor-element.elementor-element-377c596{--display:flex;}.elementor-66 .elementor-element.elementor-element-38ce72d{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-66 .elementor-element.elementor-element-21d12dd{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for image, class: .elementor-element-065c94f *//* ========================================================== COMPONENT FooterLogo Version : 1.0.0 Status : Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-065c94f{ width:100% !important; margin:0 !important; padding:0 !important; display:flex !important; justify-content:flex-start !important; align-items:center !important; } .elementor-66 .elementor-element.elementor-element-065c94f img{ display:block !important; width:auto !important; max-width:260px !important; height:auto !important; object-fit:contain !important; transition: transform .35s ease, opacity .35s ease, filter .35s ease !important; filter: drop-shadow( 0 12px 28px rgba(0,0,0,.22) ); } .elementor-66 .elementor-element.elementor-element-065c94f:hover img{ transform:translateY(-2px); filter: drop-shadow( 0 18px 36px rgba(0,0,0,.28) ); } /* ========================================================== LARGE DESKTOP ========================================================== */ @media(max-width:1440px){ .elementor-66 .elementor-element.elementor-element-065c94f img{ max-width:240px !important; } } /* ========================================================== NOTEBOOK ========================================================== */ @media(max-width:1200px){ .elementor-66 .elementor-element.elementor-element-065c94f img{ max-width:220px !important; } } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-065c94f{ justify-content:center !important; } .elementor-66 .elementor-element.elementor-element-065c94f img{ max-width:220px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-065c94f img{ max-width:190px !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-f46f46b *//* ========================================================== COMPONENT FooterClaim Version : 3.0.0 ========================================================== */ .elementor-66 .elementor-element.elementor-element-f46f46b{ width:100% !important; max-width:390px !important; color:rgba(255,255,255,.82) !important; } .elementor-66 .elementor-element.elementor-element-f46f46b p{ margin:0 0 14px !important; color:inherit !important; font-family:Inter,sans-serif !important; font-size:17px !important; font-weight:400 !important; line-height:1.75 !important; letter-spacing:-.01em !important; } .elementor-66 .elementor-element.elementor-element-f46f46b p:last-child{ margin-bottom:0 !important; } .elementor-66 .elementor-element.elementor-element-f46f46b strong{ color:#FFFFFF !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-45180a6 *//* ========================================================== COMPONENT PartnerText Version : 1.0.0 ========================================================== */ .elementor-66 .elementor-element.elementor-element-45180a6{ text-align:center !important; } .elementor-66 .elementor-element.elementor-element-45180a6 *{ color:rgba(255,255,255,.70) !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.18em !important; text-transform:uppercase !important; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e590dc8 *//* ========================================================== COMPONENT PartnerLogo Version : 1.1.0 ========================================================== */ .elementor-66 .elementor-element.elementor-element-e590dc8{ display:flex !important; justify-content:center !important; align-items:center !important; width:100% !important; } .elementor-66 .elementor-element.elementor-element-e590dc8 img{ width:auto !important; max-width:110px !important; height:auto !important; opacity:.9 !important; filter: brightness(0) invert(1) drop-shadow(0 8px 20px rgba(0,0,0,.20)); transition:all .35s ease !important; } .elementor-66 .elementor-element.elementor-element-e590dc8:hover img{ transform:translateY(-2px); opacity:1 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a34f922 *//* ========================================================== COMPONENT FooterPartner Version : 1.0.0 Status : Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-a34f922{ width:100% !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:18px !important; margin-top:18px !important; padding-top:24px !important; border-top:1px solid rgba(255,255,255,.08) !important; text-align:center !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-a34f922{ margin-top:12px !important; padding-top:20px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-a34f922{ gap:16px !important; } }/* End custom CSS */ /* Start custom CSS for social-icons, class: .elementor-element-b693aed *//* ========================================================== COMPONENT FooterSocial Version : 2.0.0 Status : Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-b693aed{ width:100% !important; margin:10px 0 0 !important; padding:0 !important; text-align:center !important; } .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icons{ display:flex !important; justify-content:center !important; align-items:center !important; flex-wrap:wrap !important; gap:14px !important; } /* ========================================================== ICONS ========================================================== */ .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icon{ width:44px !important; height:44px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:14px !important; background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.08) !important; box-shadow: 0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05) !important; transition: all .35s cubic-bezier(.22,.61,.36,1) !important; } /* ========================================================== ICON COLOR ========================================================== */ .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icon i{ color:rgba(255,255,255,.88) !important; font-size:18px !important; } .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icon svg{ fill:rgba(255,255,255,.88) !important; } /* ========================================================== HOVER ========================================================== */ .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icon:hover{ transform:translateY(-4px); background:#7EA340 !important; border-color:#7EA340 !important; box-shadow: 0 18px 34px rgba(126,163,64,.30), inset 0 1px 0 rgba(255,255,255,.12) !important; } .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icon:hover i, .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icon:hover svg{ color:#FFFFFF !important; fill:#FFFFFF !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icons{ gap:12px !important; } .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icon{ width:42px !important; height:42px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icons{ justify-content:center !important; gap:10px !important; } .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icon{ width:40px !important; height:40px !important; border-radius:12px !important; } .elementor-66 .elementor-element.elementor-element-b693aed .elementor-social-icon i{ font-size:17px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-43a3b17 *//* ========================================================== COMPONENT FooterBrand Version : 2.1.0 ========================================================== */ .elementor-66 .elementor-element.elementor-element-43a3b17{ position:relative !important; width:100% !important; margin:0 !important; padding:0 30px 0 0 !important; display:flex !important; flex-direction:column !important; justify-content:flex-start !important; align-items:flex-start !important; gap:28px !important; box-sizing:border-box !important; } /* ========================================================== CHILDREN ========================================================== */ .elementor-66 .elementor-element.elementor-element-43a3b17 > *{ width:100% !important; margin:0 !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-43a3b17{ padding-right:0 !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-43a3b17{ align-items:center !important; text-align:center !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-43fbd01 *//* ========================================================== COMPONENT FooterNavigationHeadline Verwendung: - NavigationHeadline - ServicesHeadline - ContactHeadline Version : 3.2.0 Status : Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-43fbd01{ position:relative !important; width:100% !important; margin:0 !important; padding:0 0 22px !important; text-align:left !important; } /* ========================================================== HEADLINE ========================================================== */ .elementor-66 .elementor-element.elementor-element-43fbd01 .elementor-heading-title{ margin:0 !important; padding:0 !important; color:#FFFFFF !important; font-family:Inter,sans-serif !important; font-size:18px !important; font-weight:700 !important; line-height:1.2 !important; letter-spacing:.02em !important; text-wrap:balance !important; } /* ========================================================== SIGNATURE LINE ========================================================== */ .elementor-66 .elementor-element.elementor-element-43fbd01::after{ content:""; position:absolute; left:0; bottom:0; width:58px; height:4px; border-radius:999px; background:#F7F5F3; box-shadow: 0 4px 12px rgba(247,245,243,.22); } /* ========================================================== LARGE DESKTOP ========================================================== */ @media(max-width:1440px){ .elementor-66 .elementor-element.elementor-element-43fbd01 .elementor-heading-title{ font-size:17px !important; } } /* ========================================================== NOTEBOOK ========================================================== */ @media(max-width:1200px){ .elementor-66 .elementor-element.elementor-element-43fbd01{ padding-bottom:20px !important; } .elementor-66 .elementor-element.elementor-element-43fbd01 .elementor-heading-title{ font-size:17px !important; } } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-43fbd01{ padding-bottom:18px !important; } .elementor-66 .elementor-element.elementor-element-43fbd01 .elementor-heading-title{ font-size:16px !important; } .elementor-66 .elementor-element.elementor-element-43fbd01::after{ width:52px; height:3px; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-43fbd01{ text-align:center !important; } .elementor-66 .elementor-element.elementor-element-43fbd01::after{ left:50%; transform:translateX(-50%); width:48px; height:3px; } .elementor-66 .elementor-element.elementor-element-43fbd01 .elementor-heading-title{ font-size:16px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b98e734 *//* ========================================================== COMPONENT FooterNavigationMenu Elementor: Icon List Widget Version : 1.0.0 Status : Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-b98e734{ width:100% !important; margin:0 !important; padding:0 !important; } /* ========================================================== LIST ========================================================== */ .elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-items{ display:flex !important; flex-direction:column !important; gap:14px !important; margin:0 !important; padding:0 !important; } /* ========================================================== ITEM ========================================================== */ .elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-item{ margin:0 !important; padding:0 !important; } /* ========================================================== ICON ========================================================== */ .elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-icon{ display:none !important; } /* ========================================================== LINKS ========================================================== */ .elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-text{ color:rgba(255,255,255,.72) !important; font-family:Inter,sans-serif !important; font-size:16px !important; font-weight:500 !important; line-height:1.45 !important; letter-spacing:-.01em !important; transition: color .30s ease, transform .30s ease !important; } .elementor-66 .elementor-element.elementor-element-b98e734 a{ display:inline-flex !important; align-items:center !important; color:inherit !important; text-decoration:none !important; } /* ========================================================== HOVER ========================================================== */ .elementor-66 .elementor-element.elementor-element-b98e734 a:hover .elementor-icon-list-text{ color:#FFFFFF !important; transform:translateX(8px); } /* ========================================================== ACTIVE ========================================================== */ .elementor-66 .elementor-element.elementor-element-b98e734 .current-menu-item .elementor-icon-list-text, .elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-item:hover .elementor-icon-list-text{ color:#FFFFFF !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-items{ gap:12px !important; } .elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-text{ font-size:15px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-b98e734{ text-align:center !important; } .elementor-66 .elementor-element.elementor-element-b98e734 .elementor-icon-list-items{ align-items:center !important; gap:10px !important; } .elementor-66 .elementor-element.elementor-element-b98e734 a:hover .elementor-icon-list-text{ transform:none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ebca421 *//* ========================================================== COMPONENT FooterNavigationMenu Elementor Icon List Version : 5.2.0 Status : Ahler Framework Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-ebca421{ width:100% !important; margin:0 !important; padding:0 !important; } /* ========================================================== ICON ========================================================== */ .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-icon{ display:none !important; } /* ========================================================== LIST ========================================================== */ .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-items{ display:flex !important; flex-direction:column !important; gap:18px !important; margin:0 !important; padding:0 !important; } /* ========================================================== LIST ITEM ========================================================== */ .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-item{ margin:0 !important; padding:0 !important; } /* ========================================================== LINK ========================================================== */ .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-item a{ position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; width:fit-content !important; padding:0 0 10px !important; text-decoration:none !important; } /* ========================================================== TEXT ========================================================== */ .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-text{ color:rgba(255,255,255,.72) !important; font-family:Inter,sans-serif !important; font-size:16px !important; font-weight:500 !important; line-height:1.45 !important; letter-spacing:-.01em !important; transition: color .35s ease; } /* ========================================================== SIGNATURE LINE ========================================================== */ .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-item a::after{ content:""; position:absolute; left:50%; bottom:-2px; transform:translateX(-50%); width:22px; height:2px; border-radius:999px; opacity:.22; background:linear-gradient( 90deg, #bc071b 0%, #FFFFFF 100% ); box-shadow: 0 0 6px rgba(188,7,27,.12); transition: width .40s cubic-bezier(.22,.61,.36,1), opacity .30s ease, box-shadow .30s ease; } /* ========================================================== HOVER ========================================================== */ .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-item:hover .elementor-icon-list-text{ color:#FFFFFF !important; } .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-item:hover a::after{ width:95%; opacity:1; box-shadow: 0 0 12px rgba(188,7,27,.18); } /* ========================================================== ACTIVE ========================================================== */ .elementor-66 .elementor-element.elementor-element-ebca421 .current-menu-item .elementor-icon-list-text{ color:#FFFFFF !important; } .elementor-66 .elementor-element.elementor-element-ebca421 .current-menu-item a::after{ width:95%; opacity:1; } /* ========================================================== FOCUS ========================================================== */ .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-item a:focus-visible{ outline:none; } .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-item a:focus-visible::after{ width:95%; opacity:1; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-items{ gap:16px !important; } .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-text{ font-size:15px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-ebca421{ text-align:center !important; } .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-items{ align-items:center !important; } .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-item a{ justify-content:center !important; } .elementor-66 .elementor-element.elementor-element-ebca421 .elementor-icon-list-text{ font-size:15px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-91b2554 *//* ========================================================== COMPONENT FooterNavigationHeadline Verwendung: - NavigationHeadline - ServicesHeadline - ContactHeadline Version : 3.2.0 Status : Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-91b2554{ position:relative !important; width:100% !important; margin:0 !important; padding:0 0 22px !important; text-align:left !important; } /* ========================================================== HEADLINE ========================================================== */ .elementor-66 .elementor-element.elementor-element-91b2554 .elementor-heading-title{ margin:0 !important; padding:0 !important; color:#FFFFFF !important; font-family:Inter,sans-serif !important; font-size:18px !important; font-weight:700 !important; line-height:1.2 !important; letter-spacing:.02em !important; text-wrap:balance !important; } /* ========================================================== SIGNATURE LINE ========================================================== */ .elementor-66 .elementor-element.elementor-element-91b2554::after{ content:""; position:absolute; left:0; bottom:0; width:58px; height:4px; border-radius:999px; background:#F7F5F3; box-shadow: 0 4px 12px rgba(247,245,243,.22); } /* ========================================================== LARGE DESKTOP ========================================================== */ @media(max-width:1440px){ .elementor-66 .elementor-element.elementor-element-91b2554 .elementor-heading-title{ font-size:17px !important; } } /* ========================================================== NOTEBOOK ========================================================== */ @media(max-width:1200px){ .elementor-66 .elementor-element.elementor-element-91b2554{ padding-bottom:20px !important; } .elementor-66 .elementor-element.elementor-element-91b2554 .elementor-heading-title{ font-size:17px !important; } } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-91b2554{ padding-bottom:18px !important; } .elementor-66 .elementor-element.elementor-element-91b2554 .elementor-heading-title{ font-size:16px !important; } .elementor-66 .elementor-element.elementor-element-91b2554::after{ width:52px; height:3px; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-91b2554{ text-align:center !important; } .elementor-66 .elementor-element.elementor-element-91b2554::after{ left:50%; transform:translateX(-50%); width:48px; height:3px; } .elementor-66 .elementor-element.elementor-element-91b2554 .elementor-heading-title{ font-size:16px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3b79cef *//* ========================================================== COMPONENT FSCImage ========================================================== */ .elementor-66 .elementor-element.elementor-element-3b79cef{ width:100% !important; display:flex !important; justify-content:flex-start !important; margin-top:8px !important; } .elementor-66 .elementor-element.elementor-element-3b79cef img{ display:block !important; max-width:190px !important; width:100% !important; height:auto !important; background:#ffffff !important; padding:6px !important; border-radius:16px !important; box-shadow: 0 14px 28px rgba(0,0,0,.18); transition:.35s; } .elementor-66 .elementor-element.elementor-element-3b79cef:hover img{ transform:translateY(-3px); } @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-3b79cef{ justify-content:center !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6547e11 *//* ========================================================== COMPONENT FSCText Version : 1.0.0 ========================================================== */ .elementor-66 .elementor-element.elementor-element-6547e11{ width:100% !important; margin:8px 0 0 !important; padding:0 !important; text-align:left !important; } .elementor-66 .elementor-element.elementor-element-6547e11 p{ margin:0 !important; color:rgba(255,255,255,.72) !important; font-family:Inter,sans-serif !important; font-size:15px !important; font-weight:400 !important; line-height:1.75 !important; } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-6547e11{ text-align:center !important; } .elementor-66 .elementor-element.elementor-element-6547e11 p{ font-size:14px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ca9fbff *//* ========================================================== COMPONENT FooterNavigationHeadline Verwendung: - NavigationHeadline - ServicesHeadline - ContactHeadline Version : 3.2.0 Status : Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-ca9fbff{ position:relative !important; width:100% !important; margin:0 !important; padding:0 0 22px !important; text-align:left !important; } /* ========================================================== HEADLINE ========================================================== */ .elementor-66 .elementor-element.elementor-element-ca9fbff .elementor-heading-title{ margin:0 !important; padding:0 !important; color:#FFFFFF !important; font-family:Inter,sans-serif !important; font-size:18px !important; font-weight:700 !important; line-height:1.2 !important; letter-spacing:.02em !important; text-wrap:balance !important; } /* ========================================================== SIGNATURE LINE ========================================================== */ .elementor-66 .elementor-element.elementor-element-ca9fbff::after{ content:""; position:absolute; left:0; bottom:0; width:58px; height:4px; border-radius:999px; background:#F7F5F3; box-shadow: 0 4px 12px rgba(247,245,243,.22); } /* ========================================================== LARGE DESKTOP ========================================================== */ @media(max-width:1440px){ .elementor-66 .elementor-element.elementor-element-ca9fbff .elementor-heading-title{ font-size:17px !important; } } /* ========================================================== NOTEBOOK ========================================================== */ @media(max-width:1200px){ .elementor-66 .elementor-element.elementor-element-ca9fbff{ padding-bottom:20px !important; } .elementor-66 .elementor-element.elementor-element-ca9fbff .elementor-heading-title{ font-size:17px !important; } } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-ca9fbff{ padding-bottom:18px !important; } .elementor-66 .elementor-element.elementor-element-ca9fbff .elementor-heading-title{ font-size:16px !important; } .elementor-66 .elementor-element.elementor-element-ca9fbff::after{ width:52px; height:3px; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-ca9fbff{ text-align:center !important; } .elementor-66 .elementor-element.elementor-element-ca9fbff::after{ left:50%; transform:translateX(-50%); width:48px; height:3px; } .elementor-66 .elementor-element.elementor-element-ca9fbff .elementor-heading-title{ font-size:16px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ceba7da *//* ========================================================== COMPONENT ContactCardImage Version : 5.0.0 Status : Ahler Framework Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-ceba7da{ position:absolute !important; top:-28px; right:-18px; z-index:20; width:auto !important; margin:0 !important; padding:0 !important; overflow:visible !important; pointer-events:none; } /* ========================================================== IMAGE ========================================================== */ .elementor-66 .elementor-element.elementor-element-ceba7da img{ display:block !important; width:92px !important; height:auto !important; object-fit:contain !important; transform:rotate(14deg); transform-origin:center center; filter: drop-shadow(0 14px 28px rgba(0,0,0,.24)); transition: transform .45s cubic-bezier(.22,.61,.36,1), filter .35s ease; } /* ========================================================== CARD HOVER ========================================================== */ .elementor-66 .elementor-element.elementor-element-ceba7da img:hover{ transform: rotate(22deg) translateY(-6px) scale(1.05); filter: drop-shadow(0 18px 34px rgba(0,0,0,.30)); } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-ceba7da{ top:-16px; right:-8px; } .elementor-66 .elementor-element.elementor-element-ceba7da img{ width:82px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-ceba7da{ position:relative !important; top:auto; right:auto; display:flex !important; justify-content:center !important; margin:0 0 20px !important; } .elementor-66 .elementor-element.elementor-element-ceba7da img{ width:72px !important; transform:rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b0fd973 *//* ========================================================== COMPONENT ContactCardHeadline Version : 3.0.0 Status : Ahler Framework Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-b0fd973{ width:100% !important; margin:0 0 18px !important; padding:0 !important; text-align:left !important; } .elementor-66 .elementor-element.elementor-element-b0fd973 .elementor-heading-title{ margin:0 !important; padding:0 !important; color:#FFFFFF !important; font-family:Inter,sans-serif !important; font-size:28px !important; font-weight:800 !important; line-height:1.08 !important; letter-spacing:-0.03em !important; text-wrap:balance !important; max-width:220px !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-b0fd973 .elementor-heading-title{ font-size:24px !important; max-width:200px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-b0fd973{ text-align:center !important; } .elementor-66 .elementor-element.elementor-element-b0fd973 .elementor-heading-title{ max-width:100% !important; font-size:22px !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-91a23d1 *//* ========================================================== COMPONENT ContactCardText Version : 4.0.0 ========================================================== */ .elementor-66 .elementor-element.elementor-element-91a23d1{ width:100% !important; margin:0 0 28px !important; padding:0 !important; } .elementor-66 .elementor-element.elementor-element-91a23d1 p{ margin:0 !important; max-width:250px !important; color:rgba(255,255,255,.86) !important; font-family:Inter,sans-serif !important; font-size:15px !important; font-weight:400 !important; line-height:1.70 !important; letter-spacing:-0.01em !important; } @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-91a23d1{ text-align:center !important; } .elementor-66 .elementor-element.elementor-element-91a23d1 p{ max-width:100% !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-202b69f *//* ========================================================== COMPONENT Button.Outline Version : 2.0.0 Status : Signature ========================================================== */ .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button{ position:relative !important; overflow:hidden !important; display:flex !important; justify-content:center !important; align-items:center !important; width:100% !important; height:58px !important; padding:0 58px 0 34px !important; border-radius:12px !important; border:2px solid #0F6A4E !important; background:#FFFFFF !important; color:#0F6A4E !important; font-family:Inter,sans-serif !important; font-size:16px !important; font-weight:700 !important; letter-spacing:.03em !important; text-transform:uppercase !important; text-decoration:none !important; box-shadow: 0 8px 22px rgba(15,106,78,.06); transition: all .35s cubic-bezier(.22,.61,.36,1); } /* ========================================================== DIVIDER ========================================================== */ .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button-text{ position:relative; } .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button-text::after{ content:""; position:absolute; top:50%; right:-16px; transform:translateY(-50%); width:1px; height:24px; background:rgba(15,106,78,.16); transition:background .35s ease; } /* ========================================================== ARROW ========================================================== */ .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button::after{ content:"›"; position:absolute; right:24px; top:50%; transform:translateY(-54%); font-size:26px; font-weight:300; line-height:1; color:#0F6A4E; transition: transform .35s ease, color .35s ease; } /* ========================================================== SHINE ========================================================== */ .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button::before{ content:""; position:absolute; left:-120%; top:0; width:60%; height:100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.45), transparent ); transform:skewX(-22deg); transition:left .8s ease; } /* ========================================================== HOVER ========================================================== */ .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button:hover{ background:#0F6A4E !important; color:#FFFFFF !important; transform:translateY(-3px); box-shadow: 0 20px 42px rgba(15,106,78,.18); } .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button:hover::before{ left:150%; } .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button:hover::after{ color:#FFFFFF; transform: translateY(-50%) translateX(6px); } .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button:hover .elementor-button-text::after{ background:rgba(255,255,255,.28); } .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button:hover::after{ color:#FFFFFF; transform: translateY(-54%) translateX(5px); } /* ========================================================== ACTIVE ========================================================== */ .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button:active{ transform: translateY(-1px) scale(.985); } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button{ height:56px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button{ height:54px !important; padding:0 48px 0 24px !important; font-size:15px !important; border-radius:10px !important; } .elementor-66 .elementor-element.elementor-element-202b69f .elementor-button::after{ right:20px; font-size:26px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38ce72d *//* ========================================================== COMPONENT FooterPartnerCard Version : 5.0.0 Status : Ahler Framework Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-38ce72d{ position:relative !important; overflow:visible !important; isolation:isolate !important; width:100% !important; margin:8px 0 0 !important; padding:42px 34px 30px !important; min-height:400px !important; display:flex !important; flex-direction:column !important; justify-content:space-between !important; border-radius:28px !important; background: radial-gradient( circle at top left, rgba(255,255,255,.08), transparent 32% ), radial-gradient( circle at bottom right, rgba(255,255,255,.04), transparent 45% ), linear-gradient( 145deg, #1B5E45 0%, #174A38 45%, #10352A 100% ); border:1px solid rgba(255,255,255,.08) !important; box-shadow: 0 26px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08); transition: transform .40s cubic-bezier(.22,.61,.36,1), box-shadow .40s ease; } /* ========================================================== FOOTBALL LIGHT ========================================================== */ .elementor-66 .elementor-element.elementor-element-38ce72d::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background: radial-gradient( circle at top right, rgba(255,255,255,.08), transparent 36% ); } /* ========================================================== CONTENT ========================================================== */ .elementor-66 .elementor-element.elementor-element-38ce72d > *{ position:relative; z-index:2; } /* ========================================================== HOVER ========================================================== */ .elementor-66 .elementor-element.elementor-element-38ce72d:hover{ transform: translateY(-6px); box-shadow: 0 36px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.10); } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-38ce72d{ padding:38px 30px 28px !important; min-height:360px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-38ce72d{ padding:34px 24px 24px !important; min-height:auto !important; border-radius:24px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-377c596 *//* ========================================================== COMPONENT FooterContact Version : 2.0.0 Status : Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-377c596{ position:relative !important; width:100% !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; justify-content:flex-start !important; align-items:flex-start !important; gap:24px !important; box-sizing:border-box !important; } .elementor-66 .elementor-element.elementor-element-377c596 > *{ width:100% !important; } @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-377c596{ gap:22px !important; } } @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-377c596{ align-items:center !important; text-align:center !important; gap:20px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ce49767 *//* ========================================================== LAYOUT FooterTop Version : 5.0.0 Status : Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-ce49767{ position:relative !important; width:100% !important; padding:0 0 70px !important; box-sizing:border-box !important; } /* ========================================================== CHILDREN ========================================================== */ .elementor-66 .elementor-element.elementor-element-ce49767 > *{ min-width:0 !important; } /* ========================================================== LARGE DESKTOP ========================================================== */ @media(max-width:1440px){ .elementor-66 .elementor-element.elementor-element-ce49767{ padding-bottom:64px !important; } } /* ========================================================== NOTEBOOK ========================================================== */ @media(max-width:1200px){ .elementor-66 .elementor-element.elementor-element-ce49767{ padding-bottom:56px !important; } } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-ce49767{ padding-bottom:50px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-ce49767{ padding-bottom:42px !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-53a9635 *//* ========================================================== COMPONENT Copyright Version : 1.0.0 Status : Ahler Framework Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-53a9635{ width:100% !important; margin:0 !important; padding:0 !important; text-align:left !important; } .elementor-66 .elementor-element.elementor-element-53a9635 p{ margin:0 !important; color:rgba(255,255,255,.52) !important; font-family:Inter,sans-serif !important; font-size:14px !important; font-weight:400 !important; line-height:1.6 !important; letter-spacing:.02em !important; } .elementor-66 .elementor-element.elementor-element-53a9635 a{ color:inherit !important; text-decoration:none !important; transition:color .30s ease; } .elementor-66 .elementor-element.elementor-element-53a9635 a:hover{ color:#FFFFFF !important; } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-53a9635{ text-align:center !important; } .elementor-66 .elementor-element.elementor-element-53a9635 p{ font-size:13px !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4ffd446 *//* ========================================================== COMPONENT FooterMenu Version : 2.2.0 Status : Terhalle Premium ========================================================== */ .elementor-66 .elementor-element.elementor-element-4ffd446{ width:100% !important; margin:0 !important; padding:0 !important; } /* ========================================================== LIST ========================================================== */ .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-items{ display:flex !important; justify-content:flex-end !important; align-items:center !important; flex-wrap:wrap !important; gap:22px !important; margin:0 !important; padding:0 !important; list-style:none !important; } /* ========================================================== ITEM ========================================================== */ .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item{ margin:0 !important; padding:0 !important; } /* ========================================================== ICON ========================================================== */ .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-icon{ display:none !important; } /* ========================================================== LINK DEFAULT ========================================================== */ .elementor-66 .elementor-element.elementor-element-4ffd446 a, .elementor-66 .elementor-element.elementor-element-4ffd446 a:link, .elementor-66 .elementor-element.elementor-element-4ffd446 a:visited, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item a, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item a:link, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item a:visited, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item a .elementor-icon-list-text, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-text{ color:#FFFFFF !important; text-decoration:none !important; font-family:Inter,sans-serif !important; font-size:14px !important; font-weight:500 !important; line-height:1.4 !important; transition: color .30s ease, transform .30s ease; } /* ========================================================== HOVER ========================================================== */ .elementor-66 .elementor-element.elementor-element-4ffd446 a:hover, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item:hover a, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item:hover .elementor-icon-list-text, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item a:hover, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item a:hover .elementor-icon-list-text{ color:#bc071b !important; } /* ========================================================== ACTIVE ========================================================== */ .elementor-66 .elementor-element.elementor-element-4ffd446 .current-menu-item a, .elementor-66 .elementor-element.elementor-element-4ffd446 .current-menu-item .elementor-icon-list-text, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item.current-menu-item a, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item.current-menu-item .elementor-icon-list-text{ color:#bc071b !important; } /* ========================================================== FOCUS ========================================================== */ .elementor-66 .elementor-element.elementor-element-4ffd446 a:focus, .elementor-66 .elementor-element.elementor-element-4ffd446 a:focus-visible, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item a:focus, .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-item a:focus-visible{ color:#bc071b !important; outline:none !important; } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-items{ justify-content:center !important; gap:16px !important; } .elementor-66 .elementor-element.elementor-element-4ffd446 .elementor-icon-list-text{ font-size:13px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-21d12dd *//* ========================================================== COMPONENT FooterBottom Version : 1.0.0 Status : Ahler Framework Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-21d12dd{ position:relative !important; width:100% !important; margin:0 !important; padding:34px 0 0 !important; display:flex !important; justify-content:space-between !important; align-items:center !important; gap:40px !important; box-sizing:border-box !important; } /* ========================================================== TOP BORDER ========================================================== */ .elementor-66 .elementor-element.elementor-element-21d12dd::before{ content:""; position:absolute; top:0; left:0; width:100%; height:1px; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.12) 15%, rgba(255,255,255,.12) 85%, transparent 100% ); } /* ========================================================== CHILDREN ========================================================== */ .elementor-66 .elementor-element.elementor-element-21d12dd > *{ flex:1 1 auto; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-21d12dd{ padding-top:30px !important; gap:28px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-21d12dd{ flex-direction:column !important; justify-content:center !important; align-items:center !important; text-align:center !important; gap:18px !important; padding-top:26px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bee8ab2 *//* ========================================================== LAYOUT FooterInner Version : 3.0.0 Status : Stable ========================================================== */ .elementor-66 .elementor-element.elementor-element-bee8ab2{ position:relative !important; z-index:2 !important; width:100% !important; max-width:1500px !important; margin:0 auto !important; padding:0 60px !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; gap:80px !important; box-sizing:border-box !important; } /* ========================================================== CHILDREN ========================================================== */ .elementor-66 .elementor-element.elementor-element-bee8ab2 > *{ position:relative !important; width:100% !important; } /* ========================================================== LARGE DESKTOP ========================================================== */ @media(max-width:1440px){ .elementor-66 .elementor-element.elementor-element-bee8ab2{ max-width:1400px !important; padding:0 48px !important; gap:72px !important; } } /* ========================================================== NOTEBOOK ========================================================== */ @media(max-width:1200px){ .elementor-66 .elementor-element.elementor-element-bee8ab2{ max-width:1200px !important; padding:0 40px !important; gap:64px !important; } } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-66 .elementor-element.elementor-element-bee8ab2{ padding:0 32px !important; gap:56px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-66 .elementor-element.elementor-element-bee8ab2{ padding:0 22px !important; gap:48px !important; } }/* End custom CSS */