{"id":46,"date":"2026-04-29T12:51:36","date_gmt":"2026-04-29T12:51:36","guid":{"rendered":"https:\/\/synova-it.at\/?page_id=46"},"modified":"2026-05-04T07:41:32","modified_gmt":"2026-05-04T07:41:32","slug":"about-us","status":"publish","type":"page","link":"https:\/\/synova-it.at\/?page_id=46","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"46\" class=\"elementor elementor-46\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9e2605 e-flex e-con-boxed e-con e-parent\" data-id=\"d9e2605\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7ffe75 elementor-widget__width-inherit elementor-absolute elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"d7ffe75\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\r\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-2f4c552 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"pexels-dkomov-34803972\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Produkte<\/div><div class=\"elementor-slide-description\">Qualit\u00e4t, die \u00fcberzeugt \u2013 entdecken Sie unsere Produkte.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Mehr erfahren<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-0631169 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"pexels-divinetechygirl-1181316\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Inviduelle L\u00f6sungen<\/div><div class=\"elementor-slide-description\">Sie ben\u00f6tigen eine Individuelle L\u00f6sung?<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Kontakte aufnehmen<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-68c5ce3 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"pexels-cottonbro-6803525\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Mitarbeiter<\/div><div class=\"elementor-slide-description\">hier k\u00f6nnen Sie unsere Mitarbeiter sehen<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">sehen<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ef9e9d e-flex e-con-boxed e-con e-parent\" data-id=\"4ef9e9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43ad59b elementor-widget elementor-widget-html\" data-id=\"43ad59b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>&Uuml;ber uns &mdash; Synova<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<!-- \u26a0\ufe0f  VORSCHAU-STYLE \u2014 NICHT in Elementor kopieren! -->\n<style>\n  body { margin: 0; background: #0a0805; min-height: 100vh; }\n<\/style>\n\n<!-- \u2705  AB HIER kopieren (alles bis <\/script> ganz unten) -->\n<style>\n  \/* ============================================================\n     SYNOVA \u2014 &Uuml;ber-uns-Seite (warmes Erdton-Schema)\n     ============================================================ *\/\n\n  .au-wrap, .au-wrap * { box-sizing: border-box; }\n\n  .au-wrap {\n    \/* Full-bleed wird vom JS gesetzt *\/\n    position: relative;\n    width: 100%;\n    background: #0a0805;\n    color: #f3e6d2;\n    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    overflow-x: hidden;\n    isolation: isolate;\n  }\n\n  \/* Animierter Hintergrund-Glow *\/\n  .au-wrap::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 100vh;\n    background:\n      radial-gradient(ellipse 60% 40% at 20% 20%, rgba(184,150,110,0.12), transparent 60%),\n      radial-gradient(ellipse 50% 50% at 80% 30%, rgba(122,82,48,0.10), transparent 60%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .au-wrap > * { position: relative; z-index: 1; }\n\n  \/* ===== Hero (kinematisch, mit Bild-Hintergrund passend zum Slider) ===== *\/\n  .au-hero {\n    position: relative;\n    min-height: 75vh;\n    padding: 7rem 2rem 6rem;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    border-bottom: 1px solid rgba(184,150,110,0.1);\n\n    \/* Hintergrundbild \u2014 IMG-URL hier ersetzen durch eigenes Bild\n       (z.B. dein Server-Raum-Foto vom Slider).\n       Das Overlay sorgt f&uuml;r genug Kontrast, damit der Text immer lesbar ist. *\/\n    background-color: #050810;\n    background-image:\n      linear-gradient(180deg, rgba(5,7,12,0.55) 0%, rgba(10,8,5,0.92) 100%),\n      radial-gradient(ellipse 70% 60% at 30% 40%, #15243d 0%, transparent 60%),\n      radial-gradient(ellipse 60% 60% at 75% 60%, #0d1a2c 0%, transparent 60%);\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n  }\n\n  \/* Cinematic vignette *\/\n  .au-hero::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at center, transparent 40%, rgba(5,5,8,0.5) 100%);\n    pointer-events: none;\n  }\n\n  .au-hero::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(212,175,127,0.6), transparent);\n    z-index: 2;\n  }\n\n  .au-hero > * { position: relative; z-index: 2; }\n\n  \/* Schwebendes Diamant-Mark im Hintergrund *\/\n  .au-hero-mark {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 520px; height: 520px;\n    opacity: 0.06;\n    pointer-events: none;\n    animation: au-rotate 80s linear infinite;\n    z-index: 1;\n  }\n  @keyframes au-rotate {\n    from { transform: translate(-50%, -50%) rotate(0deg); }\n    to   { transform: translate(-50%, -50%) rotate(360deg); }\n  }\n\n  \/* ===== Hero CTA-Button (passend zum Slider-Stil \u2014 outlined hell) ===== *\/\n  .au-hero-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 1rem 2rem;\n    margin-top: 2.5rem;\n    background: transparent;\n    color: #f3e6d2;\n    text-decoration: none;\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 500;\n    font-size: 0.95rem;\n    letter-spacing: 0.04em;\n    border: 1px solid rgba(243,230,210,0.5);\n    border-radius: 2px;\n    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;\n  }\n  .au-hero-cta:hover {\n    background: #f3e6d2;\n    color: #050810;\n    border-color: #f3e6d2;\n    transform: translateY(-2px);\n  }\n  .au-hero-cta-arrow { transition: transform 0.3s ease; }\n  .au-hero-cta:hover .au-hero-cta-arrow { transform: translateX(4px); }\n\n  .au-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    font-size: 0.72rem;\n    font-weight: 500;\n    letter-spacing: 0.32em;\n    text-transform: uppercase;\n    color: #d4af7f;\n    margin-bottom: 2rem;\n    padding-left: 0.32em;\n    position: relative;\n  }\n  .au-eyebrow::before, .au-eyebrow::after {\n    content: '';\n    width: 18px; height: 1px;\n    background: #d4af7f;\n  }\n\n  .au-hero-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2.6rem, 6vw, 5rem);\n    font-weight: 400;\n    line-height: 1.05;\n    letter-spacing: -0.025em;\n    margin: 0 0 2rem;\n    max-width: 920px;\n    margin-left: auto; margin-right: auto;\n    color: #f3e6d2;\n  }\n  .au-hero-title .au-italic {\n    font-style: italic;\n    color: #d4af7f;\n  }\n\n  .au-hero-sub {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: rgba(243,230,210,0.7);\n    max-width: 640px;\n    margin: 0 auto 3rem;\n  }\n\n  \/* Stats-Pills *\/\n  .au-stats {\n    display: inline-flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 2.5rem 4rem;\n    padding-top: 2rem;\n    border-top: 1px solid rgba(184,150,110,0.12);\n  }\n  .au-stat-num {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2rem, 3.5vw, 2.8rem);\n    font-weight: 500;\n    line-height: 1;\n    background: linear-gradient(135deg, #f3e6d2, #d4af7f);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n  }\n  .au-stat-label {\n    font-size: 0.72rem;\n    text-transform: uppercase;\n    letter-spacing: 0.22em;\n    color: rgba(184,150,110,0.7);\n    margin-top: 0.5rem;\n    padding-left: 0.22em;\n  }\n\n  \/* ===== Sections ===== *\/\n  .au-section {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 6rem 2rem;\n  }\n\n  .au-section-eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 0.7rem;\n    font-size: 0.7rem;\n    font-weight: 600;\n    letter-spacing: 0.32em;\n    text-transform: uppercase;\n    color: #d4af7f;\n    margin-bottom: 1.5rem;\n    padding-left: 0.32em;\n  }\n  .au-section-eyebrow::before {\n    content: '';\n    width: 28px; height: 1px;\n    background: #d4af7f;\n  }\n\n  .au-section-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2rem, 4vw, 3.2rem);\n    font-weight: 400;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    margin: 0 0 2rem;\n    color: #f3e6d2;\n    max-width: 720px;\n  }\n  .au-section-title .au-italic {\n    font-style: italic;\n    color: #d4af7f;\n  }\n\n  \/* ===== Welcome \/ Intro ===== *\/\n  .au-intro {\n    max-width: 780px;\n    margin: 0 auto;\n    padding: 7rem 2rem 5rem;\n    text-align: center;\n  }\n  .au-intro-lead {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(1.4rem, 2.6vw, 1.85rem);\n    font-weight: 400;\n    line-height: 1.45;\n    color: rgba(243,230,210,0.92);\n    letter-spacing: -0.005em;\n  }\n  .au-intro-lead em {\n    color: #d4af7f;\n    font-style: italic;\n  }\n  .au-intro-divider {\n    width: 60px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #d4af7f, transparent);\n    margin: 2.5rem auto;\n  }\n  .au-intro-text {\n    font-size: 1rem;\n    line-height: 1.8;\n    color: rgba(243,230,210,0.7);\n  }\n\n  \/* ===== Mission (Split-Layout) ===== *\/\n  .au-mission {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 5rem 2rem;\n    display: grid;\n    grid-template-columns: 1fr 1.4fr;\n    gap: 4rem;\n    align-items: start;\n    position: relative;\n  }\n  .au-mission::before, .au-mission::after {\n    content: '';\n    position: absolute;\n    left: 2rem; right: 2rem;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(184,150,110,0.2), transparent);\n  }\n  .au-mission::before { top: 0; }\n  .au-mission::after { bottom: 0; }\n\n  .au-mission-text p {\n    font-size: 1rem;\n    line-height: 1.85;\n    color: rgba(243,230,210,0.78);\n    margin: 0 0 1.25rem;\n  }\n  .au-mission-text p:last-child { margin-bottom: 0; }\n  .au-mission-text em {\n    color: #d4af7f;\n    font-style: normal;\n    font-weight: 500;\n  }\n\n  \/* ===== Kompetenzen (Cards) ===== *\/\n  .au-skills {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1.5rem;\n    margin-top: 3rem;\n  }\n  .au-card {\n    position: relative;\n    padding: 2.25rem 2rem;\n    background: linear-gradient(135deg, rgba(184,150,110,0.04), rgba(122,82,48,0.02));\n    border: 1px solid rgba(184,150,110,0.15);\n    border-radius: 18px;\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),\n                border-color 0.4s ease,\n                background 0.4s ease;\n    overflow: hidden;\n  }\n  .au-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(212,175,127,0), transparent);\n    transition: background 0.4s ease;\n  }\n  .au-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(212,175,127,0.4);\n    background: linear-gradient(135deg, rgba(184,150,110,0.08), rgba(122,82,48,0.05));\n  }\n  .au-card:hover::before {\n    background: linear-gradient(90deg, transparent, rgba(212,175,127,0.7), transparent);\n  }\n\n  .au-card-icon {\n    width: 48px; height: 48px;\n    display: grid;\n    place-items: center;\n    background: rgba(184,150,110,0.1);\n    border: 1px solid rgba(184,150,110,0.25);\n    border-radius: 12px;\n    color: #d4af7f;\n    margin-bottom: 1.5rem;\n    transition: background 0.3s ease, transform 0.3s ease;\n  }\n  .au-card:hover .au-card-icon {\n    background: rgba(212,175,127,0.18);\n    transform: rotate(-4deg) scale(1.05);\n  }\n  .au-card-icon svg { width: 22px; height: 22px; }\n\n  .au-card-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.4rem;\n    font-weight: 500;\n    line-height: 1.2;\n    color: #f3e6d2;\n    margin: 0 0 0.85rem;\n    letter-spacing: -0.01em;\n  }\n  .au-card-text {\n    font-size: 0.95rem;\n    line-height: 1.7;\n    color: rgba(243,230,210,0.7);\n    margin: 0;\n  }\n  .au-card-text em {\n    color: #d4af7f;\n    font-style: normal;\n    font-weight: 500;\n  }\n\n  \/* ===== Warum Synova (Pull-Quote) ===== *\/\n  .au-why {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 7rem 2rem;\n    text-align: center;\n    position: relative;\n  }\n  .au-why-quote {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(1.6rem, 3.2vw, 2.4rem);\n    font-weight: 400;\n    line-height: 1.35;\n    letter-spacing: -0.01em;\n    color: #f3e6d2;\n    max-width: 820px;\n    margin: 2rem auto;\n    position: relative;\n  }\n  .au-why-quote::before, .au-why-quote::after {\n    font-family: 'Playfair Display', serif;\n    color: rgba(212,175,127,0.4);\n    font-size: 4rem;\n    line-height: 1;\n    position: absolute;\n  }\n  .au-why-quote::before { content: '\\201C'; top: -1.5rem; left: -1.5rem; }\n  .au-why-quote::after  { content: '\\201D'; bottom: -3rem; right: -1.5rem; }\n  .au-why-quote em {\n    color: #d4af7f;\n    font-style: italic;\n  }\n\n  .au-why-text {\n    font-size: 1rem;\n    line-height: 1.8;\n    color: rgba(243,230,210,0.7);\n    max-width: 640px;\n    margin: 2.5rem auto 3rem;\n  }\n\n  .au-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 1rem 1.85rem;\n    background: #f3e6d2;\n    color: #2c1f0e;\n    text-decoration: none;\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 600;\n    font-size: 0.95rem;\n    letter-spacing: 0.02em;\n    border-radius: 999px;\n    border: none;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),\n                box-shadow 0.3s ease,\n                background 0.3s ease,\n                color 0.3s ease;\n  }\n  .au-cta::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    padding: 1px;\n    background: linear-gradient(135deg, #d4af7f, #7a5230, #b8966e);\n    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n  .au-cta:hover {\n    transform: translateY(-2px);\n    background: transparent;\n    color: #f3e6d2;\n    box-shadow: 0 12px 32px rgba(122,82,48,0.45);\n  }\n  .au-cta:hover::before { opacity: 1; }\n  .au-cta-arrow { transition: transform 0.3s ease; }\n  .au-cta:hover .au-cta-arrow { transform: translateX(4px); }\n\n  \/* ===== Schluss-Tagline ===== *\/\n  .au-tagline {\n    text-align: center;\n    padding: 6rem 2rem 8rem;\n    border-top: 1px solid rgba(184,150,110,0.1);\n    position: relative;\n  }\n  .au-tagline::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 1px;\n    background: #d4af7f;\n    box-shadow: 0 0 12px rgba(212,175,127,0.6);\n  }\n  .au-tagline-eyebrow {\n    font-size: 0.7rem;\n    letter-spacing: 0.32em;\n    text-transform: uppercase;\n    color: rgba(184,150,110,0.7);\n    margin-bottom: 1.5rem;\n    padding-left: 0.32em;\n  }\n  .au-tagline-text {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2rem, 4.5vw, 3.5rem);\n    font-weight: 400;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n    color: #f3e6d2;\n    margin: 0;\n  }\n  .au-tagline-text .au-italic {\n    font-style: italic;\n    color: #d4af7f;\n  }\n\n  \/* ===== Scroll-Fade ===== *\/\n  .au-fade {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  .au-fade.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ===== Responsive ===== *\/\n  @media (max-width: 880px) {\n    .au-hero { padding: 5rem 1.5rem 4rem; }\n    .au-hero-mark { width: 320px; height: 320px; }\n    .au-stats { gap: 2rem; }\n    .au-section, .au-mission, .au-why { padding-left: 1.5rem; padding-right: 1.5rem; }\n    .au-mission { grid-template-columns: 1fr; gap: 2rem; padding-top: 4rem; padding-bottom: 4rem; }\n    .au-skills { grid-template-columns: 1fr; gap: 1rem; }\n    .au-card { padding: 1.75rem 1.5rem; }\n    .au-intro { padding: 5rem 1.5rem 3rem; }\n    .au-why { padding: 5rem 1.5rem; }\n    .au-why-quote::before { left: -0.5rem; }\n    .au-why-quote::after { right: -0.5rem; }\n    .au-tagline { padding: 4rem 1.5rem 6rem; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .au-hero-mark { animation: none; }\n    .au-fade { opacity: 1; transform: none; transition: none; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- ============ &Uuml;BER UNS START \u2014 Block in das Elementor-HTML-Widget kopieren ============ -->\n<div class=\"au-wrap\" id=\"auWrap\">\n\n  <!-- Hero -->\n  <header class=\"au-hero\">\n    <svg class=\"au-hero-mark\" viewBox=\"0 0 72 72\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n      <rect x=\"14\" y=\"14\" width=\"44\" height=\"44\" rx=\"3\"\n            transform=\"rotate(45 36 36)\"\n            stroke=\"#d4af7f\" stroke-width=\"0.8\" fill=\"transparent\"\/>\n      <path d=\"M 25,28 C 25,22 30,19 36,20 C 42,21 46,26 44,31 C 42,35 36,36 32,37 C 27,38 24,42 26,47 C 28,52 34,53 40,51 C 46,49 48,44 47,40\"\n            stroke=\"#d4af7f\" stroke-width=\"1\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <\/svg>\n\n    <span class=\"au-eyebrow\">&Uuml;ber uns<\/span>\n    <h1 class=\"au-hero-title au-fade\">\n      Wir gestalten Ihre <span class=\"au-italic\">digitale Zukunft<\/span>\n    <\/h1>\n    <p class=\"au-hero-sub au-fade\">\n      Synova ist ein innovatives IT-Unternehmen aus &Ouml;sterreich.\n      Wir entwickeln ma&szlig;geschneiderte Technologiel&ouml;sungen f&uuml;r kleine\n      und mittelst&auml;ndische Unternehmen &mdash; durchdacht, sicher und langlebig.\n    <\/p>\n\n    <div class=\"au-stats au-fade\">\n      <div>\n        <div class=\"au-stat-num\">100%<\/div>\n        <div class=\"au-stat-label\">Made in Austria<\/div>\n      <\/div>\n      <div>\n        <div class=\"au-stat-num\">360&deg;<\/div>\n        <div class=\"au-stat-label\">Full-Service-IT<\/div>\n      <\/div>\n      <div>\n        <div class=\"au-stat-num\">24\/7<\/div>\n        <div class=\"au-stat-label\">Verl&auml;sslicher Support<\/div>\n      <\/div>\n    <\/div>\n\n    <a href=\"#kontakt\" class=\"au-hero-cta au-fade\">\n      Kontakt aufnehmen\n      <span class=\"au-hero-cta-arrow\">&rarr;<\/span>\n    <\/a>\n  <\/header>\n\n  <!-- Welcome \/ Intro -->\n  <section class=\"au-intro\">\n    <p class=\"au-intro-lead au-fade\">\n      Willkommen bei <em>Synova<\/em> &mdash; Ihrem zuverl&auml;ssigen Partner f&uuml;r IT-L&ouml;sungen.\n    <\/p>\n    <div class=\"au-intro-divider au-fade\"><\/div>\n    <p class=\"au-intro-text au-fade\">\n      Unser Ziel ist es, komplexe IT-Herausforderungen in reibungslose, sichere und effiziente\n      Arbeitsabl&auml;ufe zu verwandeln. Mit unserer Erfahrung im Verkauf von Hard- und Software\n      sowie einem breiten Angebot an IT-Dienstleistungen unterst&uuml;tzen wir Sie von der ersten\n      Beratung bis zur laufenden Betreuung.\n    <\/p>\n  <\/section>\n\n  <!-- Mission (Split-Layout) -->\n  <section class=\"au-mission\">\n    <div class=\"au-fade\">\n      <span class=\"au-section-eyebrow\">Unsere Mission<\/span>\n      <h2 class=\"au-section-title\">\n        Eine stabile <span class=\"au-italic\">Grundlage<\/span> f&uuml;r Ihren Erfolg\n      <\/h2>\n    <\/div>\n    <div class=\"au-mission-text au-fade\">\n      <p>\n        In einer digitalen Welt ist eine stabile und sichere IT-Infrastruktur wichtig f&uuml;r jedes\n        erfolgreiche Unternehmen. Unsere Mission bei Synova ist es, Ihnen genau diese Grundlage zu\n        bieten.\n      <\/p>\n      <p>\n        Wir planen klug und nutzen <em>hochwertige Komponenten und Software<\/em>, die auf Ihre\n        Bed&uuml;rfnisse abgestimmt sind. Wir verkaufen Ihnen nicht nur Ger&auml;te, sondern schaffen\n        L&ouml;sungen, die mit Ihrem Unternehmen wachsen.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- Kompetenzen -->\n  <section class=\"au-section\">\n    <span class=\"au-section-eyebrow au-fade\">Unsere Kompetenzen<\/span>\n    <h2 class=\"au-section-title au-fade\">\n      Full-Service-IT f&uuml;r <span class=\"au-italic\">moderne Unternehmen<\/span>\n    <\/h2>\n    <p style=\"max-width: 640px; color: rgba(243,230,210,0.7); line-height: 1.75; margin-top: 1rem;\" class=\"au-fade\">\n      Als Full-Service-IT-Dienstleister decken wir alle Bereiche ab, die f&uuml;r einen modernen\n      Gesch&auml;ftsbetrieb n&ouml;tig sind.\n    <\/p>\n\n    <div class=\"au-skills\">\n      <!-- Card 1: Infrastruktur -->\n      <article class=\"au-card au-fade\">\n        <div class=\"au-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"2\" y=\"3\" width=\"20\" height=\"6\" rx=\"1\"\/>\n            <rect x=\"2\" y=\"15\" width=\"20\" height=\"6\" rx=\"1\"\/>\n            <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/>\n            <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"au-card-title\">IT-Infrastruktur &amp; Hardware<\/h3>\n        <p class=\"au-card-text\">\n          Von leistungsstarken Office-PCs und Notebooks bis hin zu komplexen Serverlandschaften\n          und <em>VoIP-Telefonanlagen<\/em> &mdash; wir planen und setzen die passende Hardware\n          f&uuml;r Ihre R&auml;umlichkeiten um.\n        <\/p>\n      <\/article>\n\n      <!-- Card 2: Software -->\n      <article class=\"au-card au-fade\">\n        <div class=\"au-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"16 18 22 12 16 6\"\/>\n            <polyline points=\"8 6 2 12 8 18\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"au-card-title\">Software &amp; Webentwicklung<\/h3>\n        <p class=\"au-card-text\">\n          Wir bieten nicht nur Standardsoftware und Lizenzen an &mdash; wir entwickeln auch\n          <em>individuelle Webanwendungen<\/em> und Content-Management-Systeme, die in Ihr\n          Corporate Design passen.\n        <\/p>\n      <\/article>\n\n      <!-- Card 3: Sicherheit -->\n      <article class=\"au-card au-fade\">\n        <div class=\"au-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <path d=\"m9 12 2 2 4-4\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"au-card-title\">Sicherheit &amp; Netzwerke<\/h3>\n        <p class=\"au-card-text\">\n          Der Schutz Ihrer sensiblen Daten hat f&uuml;r uns h&ouml;chste Priorit&auml;t. Mit\n          durchdachten Netzwerkpl&auml;nen, modernen Firewalls und <em>sicheren Backup-Konzepten<\/em>\n          sch&uuml;tzen wir Ihr Unternehmen vor digitalen Bedrohungen.\n        <\/p>\n      <\/article>\n\n      <!-- Card 4: Support -->\n      <article class=\"au-card au-fade\">\n        <div class=\"au-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/>\n            <path d=\"M21 19a2 2 0 0 1-2 2h-1v-6h3v4zM3 19a2 2 0 0 0 2 2h1v-6H3v4z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"au-card-title\">Laufender Support<\/h3>\n        <p class=\"au-card-text\">\n          Nach der erfolgreichen Installation lassen wir Sie nicht allein. Mit unseren\n          <em>transparenten Wartungsvertr&auml;gen<\/em> sorgen wir daf&uuml;r, dass Ihre Systeme\n          immer auf dem neuesten Stand bleiben.\n        <\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <!-- Warum Synova -->\n  <section class=\"au-why\">\n    <span class=\"au-section-eyebrow au-fade\" style=\"justify-content: center;\">Warum Synova<\/span>\n    <blockquote class=\"au-why-quote au-fade\">\n      Weil wir IT <em>ganzheitlich<\/em> denken &mdash; vom ersten Beratungsgespr&auml;ch\n      bis zum Tag, an dem Ihre Systeme einfach laufen.\n    <\/blockquote>\n    <p class=\"au-why-text au-fade\">\n      Wir wissen, dass ein erfolgreiches Projekt nicht mit der Lieferung von Hardware endet.\n      Es braucht eine sorgf&auml;ltige Anforderungsanalyse, eine durchdachte Kostenkalkulation\n      und ein Team, das sowohl technische als auch wirtschaftliche Aspekte im Blick hat.\n    <\/p>\n    <a href=\"#kontakt\" class=\"au-cta au-fade\">\n      Lassen Sie uns sprechen\n      <span class=\"au-cta-arrow\">&rarr;<\/span>\n    <\/a>\n  <\/section>\n\n  <!-- Schluss-Tagline -->\n  <section class=\"au-tagline\">\n    <div class=\"au-tagline-eyebrow\">Synova<\/div>\n    <p class=\"au-tagline-text au-fade\">\n      <span class=\"au-italic\">IT,<\/span> die funktioniert.\n    <\/p>\n  <\/section>\n\n<\/div>\n\n<script>\n  \/* === Full-bleed: f&uuml;llt die volle Bildschirmbreite, egal wo in Elementor === *\/\n  (function () {\n    var w = document.getElementById('auWrap');\n    if (!w) return;\n    function align() {\n      w.style.width = ''; w.style.marginLeft = '';\n      var rect = w.getBoundingClientRect();\n      var vw = document.documentElement.clientWidth;\n      w.style.marginLeft = (-rect.left) + 'px';\n      w.style.width = vw + 'px';\n    }\n    align();\n    window.addEventListener('load', align);\n    window.addEventListener('resize', align);\n    if (window.ResizeObserver && w.parentNode) {\n      new ResizeObserver(align).observe(w.parentNode);\n    }\n  })();\n\n  \/* === Scroll-Fade-In === *\/\n  (function () {\n    var fades = document.querySelectorAll('.au-fade');\n    if (!fades.length || !('IntersectionObserver' in window)) {\n      \/\/ Fallback: alles direkt sichtbar\n      fades.forEach(function (el) { el.classList.add('is-visible'); });\n      return;\n    }\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) {\n          e.target.classList.add('is-visible');\n          io.unobserve(e.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -80px 0px' });\n    fades.forEach(function (el) { io.observe(el); });\n  })();\n<\/script>\n<!-- ============ &Uuml;BER UNS END ============ -->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ProdukteQualit\u00e4t, die \u00fcberzeugt \u2013 entdecken Sie unsere Produkte.Mehr erfahrenInviduelle L\u00f6sungenSie ben\u00f6tigen eine Individuelle L\u00f6sung?Kontakte aufnehmenMitarbeiterhier k\u00f6nnen Sie unsere Mitarbeiter sehensehen &Uuml;ber uns &mdash; Synova &Uuml;ber uns Wir gestalten Ihre digitale Zukunft Synova ist ein innovatives IT-Unternehmen aus &Ouml;sterreich. Wir entwickeln ma&szlig;geschneiderte Technologiel&ouml;sungen f&uuml;r kleine und mittelst&auml;ndische Unternehmen &mdash; durchdacht, sicher und langlebig. 100% Made in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/synova-it.at\/index.php?rest_route=\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/synova-it.at\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/synova-it.at\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/synova-it.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/synova-it.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46"}],"version-history":[{"count":23,"href":"https:\/\/synova-it.at\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/synova-it.at\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/synova-it.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}