.elementor-kit-8{--e-global-color-primary:#111827;--e-global-color-secondary:#111827;--e-global-color-text:#111827;--e-global-color-accent:#00AEFF;--e-global-color-addc7dc:#0099E0;--e-global-color-03de880:#E0F2FD;--e-global-color-86ebd7d:#4B5563;--e-global-color-a821eac:#9CA3AF;--e-global-color-e0f9ef7:#FFFFFF;--e-global-color-662acd2:#F9FAFB;--e-global-color-e7ad96a:#FFFFFF;--e-global-color-8fa9888:#E5E7EB;--e-global-color-4404b46:#10B981;--e-global-color-c2c6342:#EF4444;--e-global-color-b5e9017:#FFFFFF;--e-global-color-8327ca1:#111827;--e-global-color-d06188e:#000000;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:clamp(2.5rem, 5vw + 1rem, 4rem);--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.1;--e-global-typography-primary-letter-spacing:-0.04em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:clamp(2rem, 3vw + 1rem, 3rem);--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.15;--e-global-typography-secondary-letter-spacing:0.03em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:clamp(1rem, 0.95rem + 0.22vw, 1.125rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4;--e-global-typography-text-letter-spacing:-0.01em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:clamp(1rem, 0.95rem + 0.22vw, 1.125rem);--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.4;--e-global-typography-accent-letter-spacing:-0.01em;--e-global-typography-10291af-font-family:"Inter";--e-global-typography-10291af-font-size:clamp(3.5rem, 8vw + 1rem, 6.5rem);--e-global-typography-10291af-font-weight:800;--e-global-typography-10291af-line-height:1.05;--e-global-typography-10291af-letter-spacing:-0.05em;--e-global-typography-119ba0e-font-family:"Inter";--e-global-typography-119ba0e-font-size:clamp(1.5rem, 2vw + 1rem, 2.25rem);--e-global-typography-119ba0e-font-weight:500;--e-global-typography-119ba0e-line-height:1.2;--e-global-typography-119ba0e-letter-spacing:-0.02em;--e-global-typography-c05ddf4-font-family:"Inter";--e-global-typography-c05ddf4-font-size:clamp(1.25rem, 1vw + 1rem, 1.625rem);--e-global-typography-c05ddf4-font-weight:500;--e-global-typography-c05ddf4-line-height:1.25;--e-global-typography-c05ddf4-letter-spacing:-0.01em;--e-global-typography-119ad44-font-family:"Inter";--e-global-typography-119ad44-font-size:clamp(0.75rem, 0.8vw + 0.5rem, 1.01rem);--e-global-typography-119ad44-font-weight:500;--e-global-typography-119ad44-text-transform:uppercase;--e-global-typography-119ad44-line-height:1.4;--e-global-typography-119ad44-letter-spacing:0.05em;--e-global-typography-8a39af5-font-family:"Inter";--e-global-typography-8a39af5-font-size:clamp(1rem, 0.2vw + 1rem, 1.125rem);--e-global-typography-8a39af5-font-weight:500;--e-global-typography-8a39af5-line-height:1.4;--e-global-typography-8a39af5-letter-spacing:0em;--e-global-typography-d2ab2c9-font-family:"Inter";--e-global-typography-d2ab2c9-font-size:clamp(0.906rem, 0.88rem + 0.14vw, 1rem);--e-global-typography-d2ab2c9-font-weight:normal;--e-global-typography-d2ab2c9-line-height:1.5;--e-global-typography-d2ab2c9-letter-spacing:-0.01em;--e-global-typography-4ac2706-font-family:"Inter";--e-global-typography-4ac2706-font-size:clamp(0.8125rem, 0.78rem + 0.12vw, 0.875rem);--e-global-typography-4ac2706-font-weight:normal;--e-global-typography-4ac2706-line-height:1.4;--e-global-typography-4ac2706-letter-spacing:0em;--e-global-typography-f6b50bd-font-family:"Inter";--e-global-typography-f6b50bd-font-size:clamp(0.6875rem, 0.66rem + 0.12vw, 0.75rem);--e-global-typography-f6b50bd-font-weight:normal;--e-global-typography-f6b50bd-line-height:1.4;--e-global-typography-f6b50bd-letter-spacing:0em;background-color:#F8FAFD;font-family:var( --e-global-typography-text-font-family ), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );overscroll-behavior:contain;}.elementor-kit-8 h1{font-family:var( --e-global-typography-primary-font-family ), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{font-family:var( --e-global-typography-c05ddf4-font-family ), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";font-size:var( --e-global-typography-c05ddf4-font-size );font-weight:var( --e-global-typography-c05ddf4-font-weight );line-height:var( --e-global-typography-c05ddf4-line-height );letter-spacing:var( --e-global-typography-c05ddf4-letter-spacing );}.elementor-kit-8 h3{font-family:var( --e-global-typography-119ba0e-font-family ), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";font-size:var( --e-global-typography-119ba0e-font-size );font-weight:var( --e-global-typography-119ba0e-font-weight );line-height:var( --e-global-typography-119ba0e-line-height );letter-spacing:var( --e-global-typography-119ba0e-letter-spacing );}.elementor-kit-8 h4{font-family:var( --e-global-typography-c05ddf4-font-family ), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";font-size:var( --e-global-typography-c05ddf4-font-size );font-weight:var( --e-global-typography-c05ddf4-font-weight );line-height:var( --e-global-typography-c05ddf4-line-height );letter-spacing:var( --e-global-typography-c05ddf4-letter-spacing );}.elementor-kit-8 h5{font-family:var( --e-global-typography-119ad44-font-family ), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";font-size:var( --e-global-typography-119ad44-font-size );font-weight:var( --e-global-typography-119ad44-font-weight );text-transform:var( --e-global-typography-119ad44-text-transform );line-height:var( --e-global-typography-119ad44-line-height );letter-spacing:var( --e-global-typography-119ad44-letter-spacing );}.elementor-kit-8 h6{font-family:var( --e-global-typography-8a39af5-font-family ), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";font-size:var( --e-global-typography-8a39af5-font-size );font-weight:var( --e-global-typography-8a39af5-font-weight );line-height:var( --e-global-typography-8a39af5-line-height );letter-spacing:var( --e-global-typography-8a39af5-letter-spacing );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );border-style:none;border-radius:8px 8px 8px 8px;padding:0.8em 1.2em 0.8em 1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:8px;--container-default-padding-right:8px;--container-default-padding-bottom:8px;--container-default-padding-left:8px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-8{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{font-size:var( --e-global-typography-c05ddf4-font-size );line-height:var( --e-global-typography-c05ddf4-line-height );letter-spacing:var( --e-global-typography-c05ddf4-letter-spacing );}.elementor-kit-8 h3{font-size:var( --e-global-typography-119ba0e-font-size );line-height:var( --e-global-typography-119ba0e-line-height );letter-spacing:var( --e-global-typography-119ba0e-letter-spacing );}.elementor-kit-8 h4{font-size:var( --e-global-typography-c05ddf4-font-size );line-height:var( --e-global-typography-c05ddf4-line-height );letter-spacing:var( --e-global-typography-c05ddf4-letter-spacing );}.elementor-kit-8 h5{font-size:var( --e-global-typography-119ad44-font-size );line-height:var( --e-global-typography-119ad44-line-height );letter-spacing:var( --e-global-typography-119ad44-letter-spacing );}.elementor-kit-8 h6{font-size:var( --e-global-typography-8a39af5-font-size );line-height:var( --e-global-typography-8a39af5-line-height );letter-spacing:var( --e-global-typography-8a39af5-letter-spacing );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );padding:0.8em 1.2em 0.8em 1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{font-size:var( --e-global-typography-c05ddf4-font-size );line-height:var( --e-global-typography-c05ddf4-line-height );letter-spacing:var( --e-global-typography-c05ddf4-letter-spacing );}.elementor-kit-8 h3{font-size:var( --e-global-typography-119ba0e-font-size );line-height:var( --e-global-typography-119ba0e-line-height );letter-spacing:var( --e-global-typography-119ba0e-letter-spacing );}.elementor-kit-8 h4{font-size:var( --e-global-typography-c05ddf4-font-size );line-height:var( --e-global-typography-c05ddf4-line-height );letter-spacing:var( --e-global-typography-c05ddf4-letter-spacing );}.elementor-kit-8 h5{font-size:var( --e-global-typography-119ad44-font-size );line-height:var( --e-global-typography-119ad44-line-height );letter-spacing:var( --e-global-typography-119ad44-letter-spacing );}.elementor-kit-8 h6{font-size:var( --e-global-typography-8a39af5-font-size );line-height:var( --e-global-typography-8a39af5-line-height );letter-spacing:var( --e-global-typography-8a39af5-letter-spacing );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );padding:0.8em 1.2em 0.8em 1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body { /* Macht die Schrift auf Macs und iPhones glatter */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Verhindert, dass der Browser 'künstliche' Fettschrift erzeugt */ font-synthesis: none; /* Nutzt die modernen Inter-Features */ font-feature-settings: "cv01", "cv02", "cv05", "cv08", "ss01"; } /* Entfernt den Abstand über dem ersten Absatz */ .elementor-widget-text-editor p:first-child { margin-top: 0 !important; } /* Entfernt den Abstand unter dem letzten Absatz */ .elementor-widget-text-editor p:last-child { margin-bottom: 0 !important; } /* Verhindert das "Margin-Collapsing" im Container */ .elementor-widget-text-editor .elementor-widget-container { display: flex; flex-direction: column; } :root { /* Unsere berechneten Werte als Variablen */ --sp-v: clamp(2rem, 1.25rem + 3.8vw, 5rem); /* Vertikale Abstände */ --sp-h: clamp(1rem, -0.25rem + 6.4vw, 5rem); /* Horizontale Abstände */ --sp-gap: clamp(1.5rem, 1rem + 2vw, 3rem); /* Lücken zwischen Elementen */ } /* Die Master-Klasse für deine Sektionen */ .abstand { /* 1. Äußeres Padding (Safe Zone) */ padding-bottom: var(--sp-v) !important; padding-left: var(--sp-h) !important; padding-right: var(--sp-h) !important; } .glass-effect { background: rgba(255, 255, 255, 0.6) !important; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.3); /* Ein subtiler Rand verstärkt den Glas-Effekt */ } .elementor-icon-wrapper { line-height: 0; } /* 1. KARTEN-BASIS (Gilt für alle Geräte) */ .archiv-card { transition: all 0.3s ease-in-out; display: flex; flex-direction: column; } .archiv-card img { height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; transition: all 0.5s ease-in-out !important; will-change: transform; } /* 2. RESPONSIVE ANPASSUNG (Nur für Mobile) */ @media (max-width: 767px) { .archiv-card img { aspect-ratio: 21 / 9 !important; } } /* 3. HOVER-EFFEKTE (Gilt wieder für alle) */ .archiv-card:hover img { transform: scale(1.02); } /* 4. TITEL & TEXT */ .archiv-card h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 2.8em; line-height: 1.4em; margin-bottom: 10px; } .archiv-card .elementor-widget-post-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 3.0em; line-height: 1.5em; margin-bottom: 15px; } /* 5. BUTTON & PFEIL ANIMATION */ .archiv-card .elementor-button { background-color: transparent !important; padding: 0 !important; box-shadow: none !important; text-shadow: none !important; border: none !important; } .archiv-card .elementor-button-icon { display: inline-block; transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important; } /* Der Pfeil-Move (jetzt für alle Geräte sichtbar) */ .archiv-card:hover .elementor-button-icon { transform: translateX(4px) !important; } .archiv-card:hover .elementor-button-text { opacity: 0.8; } /* 6. EASE-IN ANIMATION BEIM LADEN */ .archiv-card { animation: cardFadeIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) backwards; } @keyframes cardFadeIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } /* Erzwingt die Farbe für den Titel und den Text innerhalb der Icon Box */ .elementor-kit-8 .elementor-icon-box-title a, .elementor-kit-8 .elementor-icon-box-description a { color: inherit !important; text-decoration: none !important; } /* Falls du eine spezifische Farbe willst, ersetze 'inherit' durch deine Farbe, z.B. #111827 */ .elementor-kit-8 .elementor-icon-box-title a:hover, .elementor-kit-8 .elementor-icon-box-description a:hover { color: inherit !important; /* Bleibt auch beim Hover gleich */ opacity: 0.8; /* Wird nur dezent blasser beim Drüberfahren */ }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Inter'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://stmo-industrial.com/wp-content/uploads/2026/02/inter-v20-latin-regular.woff2') format('woff2'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://stmo-industrial.com/wp-content/uploads/2026/02/inter-v20-latin-800.woff2') format('woff2'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://stmo-industrial.com/wp-content/uploads/2026/02/inter-v20-latin-500.woff2') format('woff2'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://stmo-industrial.com/wp-content/uploads/2026/02/inter-v20-latin-600.woff2') format('woff2'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://stmo-industrial.com/wp-content/uploads/2026/02/inter-v20-latin-700.woff2') format('woff2'); } /* End Custom Fonts CSS */