{"id":71,"date":"2025-04-13T21:56:36","date_gmt":"2025-04-13T21:56:36","guid":{"rendered":"https:\/\/bav.accaris.de\/?page_id=71"},"modified":"2026-01-02T04:02:48","modified_gmt":"2026-01-02T04:02:48","slug":"landingpage","status":"publish","type":"page","link":"https:\/\/bav.accaris.de\/","title":{"rendered":"Landingpage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"71\" class=\"elementor elementor-71\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a878f31 e-con-full e-flex e-con e-parent\" data-id=\"a878f31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d0cb38 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4d0cb38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Moderner Header mit dynamischen Elementen f\u00fcr Elementor - Optimierte Version -->\n<style>\n  \/* Schriftarten und Grundstile *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Arial:wght@400;500;600;700&display=swap');\n  @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css');\n  \n  :root {\n    --primary-color: #009484;\n    --accent-color: #feeb35;\n    --text-color: #ffffff;\n    --dark-text: #4b4b4b;\n    --transition-slow: 0.5s ease;\n    --transition-medium: 0.3s ease;\n    --transition-fast: 0.2s ease;\n    --button-wave-spacing: 20px; \/* Neue Variable f\u00fcr den Abstand *\/\n  }\n  \n  \/* Grundlegende Reset-Stile *\/\n  .bav-header * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  \n  \/* Wichtig: Stelle sicher, dass der Header die volle Breite einnimmt *\/\n  .bav-header {\n    position: relative;\n    color: var(--text-color);\n    overflow: hidden;\n    font-family: Arial, sans-serif;\n    min-height: 80vh; \/* Reduziert von 100vh auf 80vh *\/\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 3rem 0; \/* Reduziert von 6rem auf 3rem *\/\n    width: 100vw;\n    max-width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    box-sizing: border-box;\n  }\n\n  \/* F\u00fcge diese Regel hinzu, um horizontales Scrollen auf der gesamten Seite zu verhindern *\/\n  html, body {\n    overflow-x: hidden;\n    max-width: 100%;\n  }\n  \n  .bav-bg-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 0; \/* Ge\u00e4ndert von -1 auf 0 *\/\n    overflow: hidden;\n  }\n  \n  .bav-bg-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: url('https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/greenbackground.jpg');\n    background-size: cover;\n    background-position: center top;\n    filter: brightness(0.9);\n    margin: 0;\n    z-index: 1; \/* Hinzugef\u00fcgt, um sicherzustellen, dass das Bild angezeigt wird *\/\n  }\n  \n  .bav-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%); \/* Reduzierte Opazit\u00e4t von 0.4 auf 0.3 *\/\n    z-index: 2;\n  }\n  \n  .bav-particles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 2;\n    opacity: 0.5;\n    pointer-events: none;\n  }\n  \n  .bav-particle {\n    position: absolute;\n    background-color: var(--accent-color);\n    border-radius: 50%;\n    opacity: 0.3;\n    animation: float 15s infinite ease-in-out;\n  }\n  \n  @keyframes float {\n    0%, 100% {\n      transform: translateY(0) translateX(0);\n    }\n    25% {\n      transform: translateY(-30px) translateX(15px);\n    }\n    50% {\n      transform: translateY(-15px) translateX(30px);\n    }\n    75% {\n      transform: translateY(-25px) translateX(-15px);\n    }\n  }\n  \n  \/* Stelle sicher, dass alle Container nicht \u00fcber die Breite hinausragen *\/\n  .bav-container {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 2rem;\n    position: relative;\n    z-index: 10;\n    box-sizing: border-box;\n  }\n  \n  .bav-content-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 2rem; \/* Reduziert von 3rem auf 2rem *\/\n    position: relative;\n    z-index: 15;\n  }\n  \n  .bav-two-columns {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 2rem; \/* Reduziert von 3rem auf 2rem *\/\n  }\n  \n  .bav-content {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem; \/* Reduziert von 2rem auf 1.5rem *\/\n    text-align: left;\n    position: relative;\n    z-index: 20;\n  }\n  \n  .bav-badge {\n    display: inline-flex;\n    align-items: center;\n    background-color: rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    padding: 0.5rem 1rem;\n    border-radius: 2rem;\n    margin-bottom: 0.25rem; \/* Reduziert von 0.5rem auf 0.25rem *\/\n    font-size: 0.875rem;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    width: fit-content;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    transform: translateY(20px); \/* Reduziert von 30px auf 20px *\/\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards 0.2s;\n    position: relative;\n    z-index: 21;\n  }\n  \n  .bav-badge-icon {\n    margin-right: 0.5rem;\n    font-size: 1rem;\n    flex-shrink: 0;\n  }\n  \n  .bav-heading {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 3rem;\n    font-weight: 700;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    margin-bottom: 0.25rem; \/* Reduziert von 0.5rem auf 0.25rem *\/\n    transform: translateY(20px); \/* Reduziert von 30px auf 20px *\/\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards 0.4s;\n    position: relative;\n    z-index: 21;\n  }\n  \n  .bav-highlight {\n    color: var(--accent-color);\n    position: relative;\n    display: inline-block;\n  }\n  \n  .bav-highlight::after {\n    content: '';\n    position: absolute;\n    bottom: 0.1em;\n    left: 0;\n    width: 100%;\n    height: 0.2em;\n    background-color: var(--accent-color);\n    opacity: 0.3;\n    z-index: -1;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.6s var(--transition-slow);\n  }\n  \n  .bav-header:hover .bav-highlight::after {\n    transform: scaleX(1);\n  }\n  \n  .bav-subheading {\n    font-size: 1.25rem;\n    line-height: 1.6;\n    max-width: 600px;\n    transform: translateY(20px); \/* Reduziert von 30px auf 20px *\/\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards 0.6s;\n    position: relative;\n    z-index: 21;\n  }\n  \n  .bav-right-column {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem; \/* Reduziert von 2rem auf 1.5rem *\/\n    position: relative;\n    z-index: 20;\n  }\n  \n  .bav-media-wrapper {\n    position: relative;\n    transform: translateY(20px); \/* Reduziert von 30px auf 20px *\/\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards 0.8s;\n    width: 100%;\n    z-index: 25;\n  }\n  \n  .bav-video-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16\/9;\n    border-radius: 1rem;\n    overflow: hidden;\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);\n    transform: none;\n    transition: transform var(--transition-slow);\n    z-index: 30;\n  }\n  \n  .bav-header:hover .bav-video-container {\n    transform: none;\n  }\n  \n  .bav-video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 1rem;\n    position: relative;\n    z-index: 35;\n  }\n  \n  .bav-video-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%);\n    pointer-events: none;\n    opacity: 0.5;\n    z-index: 36;\n  }\n  \n  .bav-play-button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 80px;\n    height: 80px;\n    background-color: var(--accent-color);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n    transition: transform var(--transition-medium), box-shadow var(--transition-medium);\n    z-index: 37;\n  }\n  \n  .bav-play-button::before {\n    content: '';\n    width: 0;\n    height: 0;\n    border-top: 15px solid transparent;\n    border-bottom: 15px solid transparent;\n    border-left: 25px solid var(--dark-text);\n    margin-left: 5px;\n  }\n  \n  .bav-play-button:hover {\n    transform: translate(-50%, -50%) scale(1.1);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n  }\n  \n  .bav-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1rem;\n    transform: translateY(20px); \/* Reduziert von 30px auf 20px *\/\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards 1s;\n    width: 100%;\n    position: relative;\n    z-index: 20;\n    margin-top: 0.5rem; \/* Hinzugef\u00fcgt, um etwas Abstand nach oben zu haben *\/\n  }\n  \n  .bav-feature {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    background-color: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    padding: 0.75rem 1.25rem;\n    border-radius: 0.5rem;\n    transition: transform var(--transition-medium), background-color var(--transition-medium);\n    position: relative;\n    z-index: 21;\n  }\n  \n  .bav-feature:hover {\n    transform: translateY(-5px);\n    background-color: rgba(255, 255, 255, 0.2);\n  }\n  \n  .bav-feature-icon {\n    color: var(--accent-color);\n    font-size: 1.25rem;\n    flex-shrink: 0;\n  }\n  \n  .bav-feature-text {\n    font-weight: 600;\n    font-size: 0.9375rem;\n  }\n  \n  .bav-cta-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    margin: 2rem auto 0; \/* Reduziert von 3rem auf 2rem *\/\n    transform: translateY(20px); \/* Reduziert von 30px auf 20px *\/\n    opacity: 0;\n    animation: fadeInUp 0.8s forwards 1.2s;\n    justify-content: center;\n    max-width: 600px;\n    position: relative;\n    z-index: 25;\n  }\n  \n  \/* Neue Regel f\u00fcr gro\u00dfe Bildschirme *\/\n  @media (min-width: 992px) {\n    .bav-cta-group {\n      margin: 1.5rem 0 0;\n      justify-content: flex-start;\n    }\n    \n    \/* Neuer Abstand zwischen Button und Welle f\u00fcr Desktop *\/\n    .bav-header {\n      padding-bottom: calc(3rem + var(--button-wave-spacing)); \/* Zus\u00e4tzlicher Abstand zum unteren Rand *\/\n    }\n  }\n  \n  .bav-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    background-color: var(--accent-color);\n    color: var(--dark-text);\n    font-weight: 600;\n    padding: 1rem 2rem;\n    border-radius: 0.5rem;\n    font-size: 1.125rem;\n    text-decoration: none;\n    transition: all var(--transition-medium);\n    position: relative;\n    overflow: hidden;\n    z-index: 26;\n    box-shadow: 0 10px 25px rgba(254, 235, 53, 0.3);\n  }\n  \n  .bav-cta::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.3) 100%);\n    transform: scaleX(0);\n    transform-origin: right;\n    transition: transform 0.6s var(--transition-slow);\n    z-index: -1;\n  }\n  \n  .bav-cta:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 30px rgba(254, 235, 53, 0.4);\n  }\n  \n  .bav-cta:hover::before {\n    transform: scaleX(1);\n    transform-origin: left;\n  }\n  \n  .bav-cta-icon {\n    font-size: 1.25rem;\n    transition: transform var(--transition-medium);\n  }\n  \n  .bav-cta:hover .bav-cta-icon {\n    transform: translateX(4px);\n  }\n  \n  .bav-cta-secondary {\n    background-color: rgba(255, 255, 255, 0.1);\n    color: var(--text-color);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n  }\n  \n  .bav-cta-secondary:hover {\n    background-color: rgba(255, 255, 255, 0.2);\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n  }\n  \n  .bav-floating-elements {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 3;\n  }\n  \n  .bav-floating-element {\n    position: absolute;\n    border-radius: 50%;\n    background-color: var(--accent-color);\n    opacity: 0.1;\n    filter: blur(5px);\n  }\n  \n  .bav-wave {\n    position: absolute;\n    bottom: -2px;\n    left: 0;\n    width: 100%;\n    overflow: hidden;\n    line-height: 0;\n    z-index: 5;\n  }\n  \n  \/* Stelle sicher, dass die Welle nicht \u00fcber die Breite hinausragt *\/\n  .bav-wave svg {\n    position: relative;\n    display: block;\n    width: 100%;\n    height: 80px;\n  }\n  \n  .bav-wave .shape-fill {\n    fill: #FFFFFF;\n  }\n  \n  \/* Animationen *\/\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(20px); \/* Reduziert von 30px auf 20px *\/\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  @keyframes pulse {\n    0%, 100% {\n      transform: scale(1);\n      opacity: 0.8;\n    }\n    50% {\n      transform: scale(1.1);\n      opacity: 1;\n    }\n  }\n  \n  \/* Responsive Anpassungen - Verbessert *\/\n  @media (min-width: 992px) {\n    .bav-two-columns {\n      grid-template-columns: 1fr 1fr;\n      gap: 4rem;\n      align-items: flex-start;\n    }\n    \n    .bav-features {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    \n    .bav-heading {\n      font-size: 3.5rem; \/* Reduziert von 4rem auf 3.5rem *\/\n    }\n    \n    .bav-subheading {\n      font-size: 1.25rem; \/* Reduziert von 1.375rem auf 1.25rem *\/\n    }\n  }\n  \n  @media (min-width: 1200px) {\n    .bav-two-columns {\n      gap: 5rem; \/* Reduziert von 6rem auf 5rem *\/\n    }\n    \n    .bav-heading {\n      font-size: 4rem; \/* Reduziert von 4.5rem auf 4rem *\/\n    }\n    \n    .bav-subheading {\n      font-size: 1.375rem; \/* Reduziert von 1.5rem auf 1.375rem *\/\n    }\n  }\n  \n  \/* Neue Anpassungen f\u00fcr breitere 16:9 Bildschirme *\/\n  @media (min-width: 1600px) {\n    .bav-container {\n      max-width: 75%; \/* Prozentuale Breite statt fester Pixelwert *\/\n      padding: 0 3rem; \/* Mehr Padding f\u00fcr breitere Bildschirme *\/\n    }\n    \n    .bav-two-columns {\n      gap: 6rem; \/* Mehr Abstand zwischen den Spalten *\/\n    }\n    \n    .bav-content {\n      max-width: 90%; \/* Verhindert zu breite Textbl\u00f6cke *\/\n    }\n    \n    .bav-heading {\n      font-size: 4.5rem; \/* Gr\u00f6\u00dfere \u00dcberschrift f\u00fcr breitere Bildschirme *\/\n    }\n    \n    .bav-subheading {\n      font-size: 1.5rem; \/* Gr\u00f6\u00dferer Untertitel f\u00fcr breitere Bildschirme *\/\n      max-width: 700px; \/* Breiterer Textblock *\/\n    }\n    \n    \/* Gr\u00f6\u00dfere Features f\u00fcr breitere Bildschirme *\/\n    .bav-features {\n      gap: 1.5rem;\n    }\n    \n    .bav-feature {\n      padding: 1rem 1.5rem;\n    }\n    \n    .bav-feature-text {\n      font-size: 1.125rem;\n    }\n    \n    \/* Gr\u00f6\u00dferer CTA-Button *\/\n    .bav-cta {\n      padding: 1.25rem 2.5rem;\n      font-size: 1.25rem;\n    }\n    \n    \/* Anpassung der Partikel f\u00fcr breitere Bildschirme *\/\n    .bav-particle {\n      opacity: 0.25; \/* Etwas transparenter *\/\n    }\n  }\n  \n  \/* Noch breitere Bildschirme *\/\n  @media (min-width: 1920px) {\n    .bav-container {\n      max-width: 70%; \/* Noch breiterer Container *\/\n    }\n    \n    .bav-header {\n      min-height: 75vh; \/* Etwas weniger H\u00f6he auf sehr breiten Bildschirmen *\/\n    }\n    \n    \/* Verbesserte Verteilung der Partikel *\/\n    .bav-particles {\n      width: 90%;\n      left: 5%;\n    }\n  }\n  \n  @media (max-width: 991px) {\n    .bav-header {\n      padding: 3rem 0; \/* Reduziert von 5rem auf 3rem *\/\n    }\n    \n    .bav-content {\n      text-align: center;\n    }\n    \n    .bav-badge {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    \n    .bav-subheading {\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n  \n  @media (max-width: 767px) {\n    .bav-header {\n      padding: 2.5rem 0 4rem; \/* Reduziert von 4rem 0 5rem auf 2.5rem 0 4rem *\/\n      min-height: auto;\n    }\n    \n    .bav-content-wrapper {\n      gap: 1.5rem; \/* Reduziert von 2rem auf 1.5rem *\/\n    }\n    \n    .bav-heading {\n      font-size: 2.5rem;\n    }\n    \n    .bav-subheading {\n      font-size: 1.125rem;\n    }\n    \n    .bav-cta-group {\n      flex-direction: column;\n      width: 100%;\n      margin-top: 1.5rem; \/* Reduziert von 2rem auf 1.5rem *\/\n      align-items: center;\n    }\n    \n    .bav-cta {\n      width: 85%;\n      justify-content: center;\n      padding: 0.875rem 1.5rem;\n      font-size: 1rem;\n      white-space: nowrap;\n    }\n    \n    .bav-play-button {\n      width: 60px;\n      height: 60px;\n    }\n    \n    .bav-play-button::before {\n      border-top: 12px solid transparent;\n      border-bottom: 12px solid transparent;\n      border-left: 20px solid var(--dark-text);\n    }\n\n    .bav-features {\n      grid-template-columns: 1fr;\n    }\n    \n    \/* Mobile-Video-Anzeige *\/\n    .bav-mobile-video {\n      display: block;\n      margin-top: 0.75rem; \/* Reduziert von 1rem auf 0.75rem *\/\n      margin-bottom: 0.75rem; \/* Reduziert von 1rem auf 0.75rem *\/\n    }\n    \n    \/* Verstecke das normale Video auf Mobilger\u00e4ten *\/\n    .bav-right-column {\n      display: none;\n    }\n  }\n  \n  @media (min-width: 768px) {\n    \/* Verstecke das mobile Video auf gr\u00f6\u00dferen Bildschirmen *\/\n    .bav-mobile-video {\n      display: none;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .bav-header {\n      padding: 2rem 0 3rem; \/* Reduziert von 3rem 0 4rem auf 2rem 0 3rem *\/\n    }\n    \n    .bav-container {\n      padding: 0 1.25rem;\n    }\n    \n    .bav-heading {\n      font-size: 2.25rem;\n    }\n    \n    .bav-subheading {\n      font-size: 1rem;\n    }\n    \n    .bav-feature {\n      padding: 0.625rem 1rem;\n    }\n    \n    .bav-feature-text {\n      font-size: 0.875rem;\n    }\n    \n    .bav-play-button {\n      width: 50px;\n      height: 50px;\n    }\n    \n    .bav-play-button::before {\n      border-top: 10px solid transparent;\n      border-bottom: 10px solid transparent;\n      border-left: 16px solid var(--dark-text);\n    }\n    \n    \/* Noch schmalerer Button auf sehr kleinen Ger\u00e4ten *\/\n    .bav-cta {\n      width: 90%;\n      padding: 0.875rem 1.25rem;\n    }\n  }\n\n  @media (max-width: 767px) {\n    \/* Features auf Mobilger\u00e4ten ausblenden *\/\n    .bav-features {\n      display: none;\n    }\n    \n    \/* Button nach oben verschieben *\/\n    .bav-cta-group {\n      margin-top: 1.25rem; \/* Reduziert von 1.5rem auf 1.25rem *\/\n    }\n    \n    \/* Wellen am unteren Rand auf Mobilger\u00e4ten ausblenden *\/\n    .bav-wave {\n      display: none;\n    }\n  }\n\n  \/* Anpassung f\u00fcr mobile Ger\u00e4te *\/\n  @media (max-width: 767px) {\n    .bav-container {\n      padding: 0 1rem;\n    }\n  }\n<\/style>\n\n<!-- JavaScript f\u00fcr dynamische Elemente -->\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Floating Particles erzeugen\n    const particlesContainer = document.querySelector('.bav-particles');\n    const particleCount = 7;\n    \n    for (let i = 0; i < particleCount; i++) {\n      const particle = document.createElement('div');\n      particle.classList.add('bav-particle');\n      \n      \/\/ Zuf\u00e4llige Gr\u00f6\u00dfe, Position und Verz\u00f6gerung\n      const size = Math.random() * 60 + 20;\n      const posX = Math.random() * 100;\n      const posY = Math.random() * 100;\n      const delay = Math.random() * 10;\n      const duration = Math.random() * 10 + 10;\n      \n      particle.style.width = `${size}px`;\n      particle.style.height = `${size}px`;\n      particle.style.left = `${posX}%`;\n      particle.style.top = `${posY}%`;\n      particle.style.animationDelay = `${delay}s`;\n      particle.style.animationDuration = `${duration}s`;\n      \n      particlesContainer.appendChild(particle);\n    }\n    \n    \/\/ Floating Elements erzeugen\n    const floatingContainer = document.querySelector('.bav-floating-elements');\n    const floatingCount = 8;\n    \n    for (let i = 0; i < floatingCount; i++) {\n      const element = document.createElement('div');\n      element.classList.add('bav-floating-element');\n      \n      \/\/ Zuf\u00e4llige Gr\u00f6\u00dfe, Position und Verz\u00f6gerung\n      const size = Math.random() * 200 + 50;\n      const posX = Math.random() * 100;\n      const posY = Math.random() * 100;\n      \n      element.style.width = `${size}px`;\n      element.style.height = `${size}px`;\n      element.style.left = `${posX}%`;\n      element.style.top = `${posY}%`;\n      \n      floatingContainer.appendChild(element);\n    }\n    \n    \/\/ \u00c4ndere die Video Play Button Funktionalit\u00e4t im JavaScript\n    const playButtons = document.querySelectorAll('.bav-play-button');\n    const videos = document.querySelectorAll('.bav-video');\n\n    playButtons.forEach((playButton, index) => {\n      if (playButton && videos[index]) {\n        playButton.addEventListener('click', () => {\n          const video = videos[index];\n          if (video.paused) {\n            video.play();\n            playButton.style.display = 'none';\n          } else {\n            video.pause();\n            playButton.style.display = 'flex';\n          }\n        });\n        \n        \/\/ Show play button when video ends\n        videos[index].addEventListener('ended', function() {\n          playButton.style.display = 'flex';\n        });\n        \n        \/\/ Show play button when video is paused\n        videos[index].addEventListener('pause', function() {\n          playButton.style.display = 'flex';\n        });\n        \n        \/\/ Hide play button when video is playing\n        videos[index].addEventListener('play', function() {\n          playButton.style.display = 'none';\n        });\n      }\n    });\n    \n    \/\/ Anpassung der Partikel-Verteilung f\u00fcr breitere Bildschirme\n    function adjustParticlesForWideScreens() {\n      const screenWidth = window.innerWidth;\n      \n      if (screenWidth >= 1600) {\n        \/\/ Mehr Partikel f\u00fcr breitere Bildschirme\n        const additionalParticles = 5;\n        \n        for (let i = 0; i < additionalParticles; i++) {\n          const particle = document.createElement('div');\n          particle.classList.add('bav-particle');\n          \n          \/\/ Zuf\u00e4llige Gr\u00f6\u00dfe, Position und Verz\u00f6gerung\n          const size = Math.random() * 80 + 30;\n          const posX = Math.random() * 100;\n          const posY = Math.random() * 100;\n          const delay = Math.random() * 10;\n          const duration = Math.random() * 10 + 10;\n          \n          particle.style.width = `${size}px`;\n          particle.style.height = `${size}px`;\n          particle.style.left = `${posX}%`;\n          particle.style.top = `${posY}%`;\n          particle.style.animationDelay = `${delay}s`;\n          particle.style.animationDuration = `${duration}s`;\n          \n          particlesContainer.appendChild(particle);\n        }\n      }\n    }\n    \n    \/\/ F\u00fchre die Anpassung beim Laden und bei Gr\u00f6\u00dfen\u00e4nderungen durch\n    adjustParticlesForWideScreens();\n    window.addEventListener('resize', adjustParticlesForWideScreens);\n  });\n<\/script>\n\n<!-- Moderner Header mit dynamischen Elementen - Optimierte Version -->\n<section class=\"bav-header\">\n  <!-- Hintergrund mit Parallax-Effekt -->\n  <div class=\"bav-bg-wrapper\">\n    <div class=\"bav-bg-image\"><\/div>\n    <div class=\"bav-overlay\"><\/div>\n    <div class=\"bav-particles\"><\/div>\n  <\/div>\n  \n  <div class=\"bav-container\">\n    <div class=\"bav-content-wrapper\">\n      <!-- Zweispaltiges Layout -->\n      <div class=\"bav-two-columns\">\n        <!-- Linke Spalte: Content -->\n        <div class=\"bav-content\">\n          \n          <h1 class=\"bav-heading\">Mehr Sicherheit. Weniger Aufwand. <span class=\"bav-highlight\">Klare Vorteile.<\/span><\/h1>\n          \n          <!-- Mobile-Video - wird nur auf Mobilger\u00e4ten angezeigt -->\n          <div class=\"bav-mobile-video\">\n            <div class=\"bav-media-wrapper\">\n              <div class=\"bav-video-container\">\n                <video \n                  class=\"bav-video\" \n                  loop \n                  controls\n                  preload=\"metadata\"\n                  poster=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/Thumbnail_smile.jpg\"\n                >\n                  <source src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/Video\/VorstellungDavidK-202504.mp4\" type=\"video\/mp4\">\n                  Ihr Browser unterst\u00fctzt keine Videos.\n                <\/video>\n                <div class=\"bav-video-overlay\"><\/div>\n                <div class=\"bav-play-button\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <p class=\"bav-subheading\">\n            Mit moderner betrieblicher Altersvorsorge entlasten Sie Ihre <strong>HR-Abteilung<\/strong>, st\u00e4rken die <strong>Zufriedenheit Ihrer Mitarbeitenden<\/strong> \u2013 und <strong>vermeiden Haftungsrisiken<\/strong>.\n          <\/p>\n          <!-- CTA Button direkt unter dem Text -->\n          <div class=\"bav-cta-group\">\n            <a href=\"https:\/\/outlook.office.com\/book\/DavidKlevesahl@Apdim.onmicrosoft.com\/?ismsaljsauthenabled\" class=\"bav-cta\">\n              <span>Jetzt Termin vereinbaren<\/span>\n              <span class=\"bav-cta-icon\">\u2192<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n        \n        <!-- Rechte Spalte: Video und Features - wird nur auf Desktop\/Tablet angezeigt -->\n        <div class=\"bav-right-column\">\n          <!-- Video -->\n          <div class=\"bav-media-wrapper\">\n            <div class=\"bav-video-container\">\n              <video \n                class=\"bav-video\" \n                loop \n                controls\n                preload=\"metadata\"\n                poster=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/Thumbnail_smile.jpg\"\n              >\n                <source src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/Video\/VorstellungDavidK-202504.mp4\" type=\"video\/mp4\">\n                Ihr Browser unterst\u00fctzt keine Videos.\n              <\/video>\n              <div class=\"bav-video-overlay\"><\/div>\n              <div class=\"bav-play-button\"><\/div>\n            <\/div>\n            \n            <div class=\"bav-floating-elements\"><\/div>\n          <\/div>\n          \n          <!-- Features unter dem Video -->\n          <div class=\"bav-features\">\n            <div class=\"bav-feature\">\n              <span class=\"bav-feature-icon\">\u2713<\/span>\n              <span class=\"bav-feature-text\">Zufriedene Mitarbeiter<\/span>\n            <\/div>\n            <div class=\"bav-feature\">\n              <span class=\"bav-feature-icon\">\u2713<\/span>\n              <span class=\"bav-feature-text\">Entlastete HR-Abteilung<\/span>\n            <\/div>\n            <div class=\"bav-feature\">\n              <span class=\"bav-feature-icon\">\u2713<\/span>\n              <span class=\"bav-feature-text\">Rechtssichere L\u00f6sung<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Wellenf\u00f6rmiger \u00dcbergang - Korrigierte Richtung -->\n  <div class=\"bav-wave\">\n    <svg data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n      <path d=\"M0,120 L0,73.71 C47.79,51.51 103.59,41.54 158,45.71 C228.36,51.08 294.33,79.02 364.8,83.21 C438.64,87.57 512.34,66.33 583,47.95 C652.27,29.95 721.3,23.07 792.4,34.87 C828.55,40.87 862.25,52.71 896.85,64.21 C989.49,95 1113,134.29 1200,67.53 L1200,120 Z\" class=\"shape-fill\"><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4968033 e-con-full e-flex e-con e-parent\" data-id=\"4968033\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1fd7ab elementor-widget elementor-widget-spacer\" data-id=\"e1fd7ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea24ca9 elementor-widget elementor-widget-html\" data-id=\"ea24ca9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Pflichtverletzung in der bAV Widget f\u00fcr Elementor HTML Widget -->\n<style>\n  \/* Alle Stile sind mit spezifischen Pr\u00e4fixen versehen und auf die Sektion beschr\u00e4nkt *\/\n  .bk-bav-section {\n    color: inherit; \/* \u00dcbernimmt die Textfarbe der Website *\/\n    padding: 4rem 1.5rem; \/* Reduziertes Padding f\u00fcr kompakteres Layout *\/\n    background-color: transparent; \/* Hintergrundfarbe entfernt *\/\n    position: relative;\n    overflow: hidden;\n  }\n  \n  \/* Alle Selektoren sind mit .bk-bav-section pr\u00e4fixiert, um globale Auswirkungen zu vermeiden *\/\n  .bk-bav-section * {\n    box-sizing: border-box;\n  }\n  \n  \/* Dekorative Hintergrundelemente *\/\n  .bk-bav-section::before {\n    content: \"\";\n    position: absolute;\n    width: 300px;\n    height: 300px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0,148,132,0.05) 0%, rgba(0,148,132,0) 70%);\n    top: -100px;\n    left: -100px;\n    z-index: 1;\n  }\n  \n  .bk-bav-section::after {\n    content: \"\";\n    position: absolute;\n    width: 250px;\n    height: 250px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0,148,132,0.05) 0%, rgba(0,148,132,0) 70%);\n    bottom: -50px;\n    right: -50px;\n    z-index: 1;\n  }\n  \n  .bk-bav-section .bk-container {\n    width: 100%;\n    max-width: 1400px; \/* Erh\u00f6hte max-width *\/\n    margin: 0 auto;\n    padding: 0 0.5rem; \/* Reduziertes Padding *\/\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n  }\n  \n  \/* Flexbox Layout f\u00fcr Bild und Text nebeneinander *\/\n  .bk-bav-section .bk-flex-container {\n    display: flex;\n    flex-direction: column;\n    gap: 2rem; \/* Reduzierter Abstand *\/\n    align-items: center;\n    margin-bottom: 2rem; \/* Abstand zu den Buttons *\/\n  }\n  \n  \/* Auf gr\u00f6\u00dferen Bildschirmen: Bild links, Text rechts *\/\n  @media (min-width: 768px) {\n    .bk-bav-section .bk-flex-container {\n      flex-direction: row;\n      align-items: stretch; \/* \u00c4ndert von center zu stretch, damit beide Spalten gleich hoch sind *\/\n      gap: 3rem; \/* Reduzierter Abstand zwischen Spalten *\/\n    }\n    \n    .bk-bav-section .bk-image-column {\n      width: 45%;\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .bk-bav-section .bk-text-column {\n      width: 55%;\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .bk-bav-section .bk-image-container {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      background: transparent; \/* Hintergrund entfernt *\/\n    }\n    \n    .bk-bav-section .bk-image {\n      width: 100%;\n      height: auto;\n      object-fit: contain; \/* Beh\u00e4lt das Seitenverh\u00e4ltnis bei *\/\n      border-radius: 1rem; \/* Runde Ecken f\u00fcr das Bild *\/\n    }\n  }\n  \n  \/* Bild-Container mit modernem Design *\/\n  .bk-bav-section .bk-image-column {\n    position: relative;\n  }\n  \n  \/* Hintergrund-Element entfernt *\/\n  \n  .bk-bav-section .bk-image-container {\n    width: 100%;\n    overflow: hidden;\n    position: relative;\n    z-index: 2;\n    background: transparent; \/* Hintergrund entfernt *\/\n    box-shadow: none; \/* Schatten entfernt *\/\n  }\n  \n  .bk-bav-section .bk-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.8s ease;\n    border-radius: 1rem; \/* Runde Ecken f\u00fcr das Bild *\/\n  }\n  \n  \/* Button-Styling *\/\n  .bk-bav-section .bk-buttons-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 0.75rem;\n    width: 100%;\n    margin-top: 0;\n  }\n  \n  .bk-bav-section .bk-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0.6rem 1.2rem;\n    background-color: #f3f4f6;\n    color: #4b5563;\n    font-family: Arial, sans-serif;\n    font-size: 0.95rem;\n    font-weight: 500;\n    border-radius: 0.5rem;\n    border: 1px solid #e5e7eb;\n    transition: all 0.2s ease;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .bk-bav-section .bk-button:hover {\n    background-color: #e5e7eb;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  }\n  \n  .bk-bav-section .bk-button:active {\n    transform: translateY(0);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  }\n  \n  .bk-bav-section .bk-button::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.2),\n      transparent\n    );\n    transition: 0.5s;\n  }\n  \n  .bk-bav-section .bk-button:hover::before {\n    left: 100%;\n  }\n  \n  \/* Text-Styling *\/\n  .bk-bav-section .bk-text-column {\n    position: relative;\n  }\n  \n  .bk-bav-section .bk-main-heading {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 2.25rem;\n    font-weight: 700;\n    margin-bottom: 0.75rem; \/* Reduzierter Abstand *\/\n    line-height: 1.2;\n    color: #333;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .bk-bav-section .bk-main-heading::after {\n    content: \"\";\n    position: absolute;\n    bottom: -5px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(to right, #009484, #00c4b4);\n    transition: width 0.4s ease;\n  }\n  \n  .bk-bav-section .bk-text-column:hover .bk-main-heading::after {\n    width: 100%;\n  }\n  \n  .bk-bav-section .bk-subheading {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem; \/* Reduzierter Abstand *\/\n    line-height: 1.3;\n    color: #333;\n    transform: translateY(0);\n    transition: transform 0.3s ease;\n  }\n  \n  .bk-bav-section .bk-text-column:hover .bk-subheading {\n    transform: translateY(-2px);\n  }\n  \n  .bk-bav-section .bk-highlight {\n    color: #009484; \/* J\u00e4gergr\u00fcn (Hunter green) *\/\n    position: relative;\n    z-index: 1;\n  }\n  \n  .bk-bav-section .bk-highlight::before {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 30%;\n    background-color: rgba(0, 148, 132, 0.1);\n    z-index: -1;\n    transform: scaleY(0.7);\n    transition: transform 0.3s ease, height 0.3s ease;\n  }\n  \n  .bk-bav-section .bk-text-column:hover .bk-highlight::before {\n    transform: scaleY(1);\n    height: 40%;\n  }\n  \n  .bk-bav-section .bk-paragraph {\n    font-family: Arial, sans-serif;\n    font-size: 1.125rem;\n    line-height: 1.5; \/* Reduzierter Zeilenabstand *\/\n    margin-bottom: 1.5rem; \/* Reduzierter Abstand *\/\n    color: #4b5563;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .bk-bav-section .bk-paragraph:last-child {\n    margin-bottom: 0; \/* Kein Abstand nach dem letzten Absatz *\/\n  }\n  \n  .bk-bav-section .bk-solution-heading {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.75rem;\n    font-weight: 700;\n    margin: 1.5rem 0 0.75rem; \/* Reduzierter Abstand *\/\n    line-height: 1.3;\n    color: #333;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .bk-bav-section .bk-solution-heading::after {\n    content: \"\";\n    position: absolute;\n    bottom: -5px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(to right, #009484, #00c4b4);\n    transition: width 0.4s ease;\n  }\n  \n  .bk-bav-section .bk-text-column:hover .bk-solution-heading::after {\n    width: 100%;\n  }\n  \n  .bk-bav-section .bk-bold {\n    font-weight: 700;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .bk-bav-section .bk-bold::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    background-color: rgba(0, 148, 132, 0.2);\n    transform: scaleX(0);\n    transition: transform 0.3s ease;\n  }\n  \n  .bk-bav-section .bk-text-column:hover .bk-bold::after {\n    transform: scaleX(1);\n  }\n  \n  \/* Dekorative Elemente *\/\n  .bk-bav-section .bk-divider {\n    height: 4px;\n    width: 80px;\n    background: linear-gradient(to right, #009484, #00c4b4);\n    margin: 1rem 0 1.5rem; \/* Reduzierter Abstand *\/\n    border-radius: 2px;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .bk-bav-section .bk-divider::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);\n    animation: shimmer 2s infinite;\n  }\n  \n  @keyframes shimmer {\n    0% {\n      left: -100%;\n    }\n    100% {\n      left: 100%;\n    }\n  }\n  \n  \/* Floating dots decoration *\/\n  .bk-bav-section .bk-dots {\n    position: absolute;\n    width: 150px;\n    height: 150px;\n    z-index: 1;\n    opacity: 0.5;\n  }\n  \n  .bk-bav-section .bk-dot {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: #009484;\n    opacity: 0.2;\n  }\n  \n  .bk-bav-section .bk-dot:nth-child(1) {\n    top: 20%;\n    left: 20%;\n    animation: float 6s ease-in-out infinite;\n  }\n  \n  .bk-bav-section .bk-dot:nth-child(2) {\n    top: 40%;\n    left: 60%;\n    animation: float 8s ease-in-out infinite 1s;\n  }\n  \n  .bk-bav-section .bk-dot:nth-child(3) {\n    top: 70%;\n    left: 30%;\n    animation: float 7s ease-in-out infinite 2s;\n  }\n  \n  @keyframes float {\n    0%, 100% {\n      transform: translateY(0) translateX(0);\n    }\n    25% {\n      transform: translateY(-10px) translateX(5px);\n    }\n    50% {\n      transform: translateY(5px) translateX(-5px);\n    }\n    75% {\n      transform: translateY(-5px) translateX(-10px);\n    }\n  }\n  \n  \/* Responsive Anpassungen *\/\n  @media (max-width: 768px) {\n    .bk-bav-section {\n      padding: 3rem 1rem; \/* Reduziertes Padding *\/\n    }\n    \n    .bk-bav-section .bk-main-heading {\n      font-size: 1.875rem;\n    }\n    \n    .bk-bav-section .bk-subheading {\n      font-size: 1.25rem;\n    }\n    \n    .bk-bav-section .bk-solution-heading {\n      font-size: 1.5rem;\n    }\n    \n    .bk-bav-section::before,\n    .bk-bav-section::after {\n      width: 150px;\n      height: 150px;\n    }\n    \n    .bk-bav-section .bk-dots {\n      width: 100px;\n      height: 100px;\n    }\n    \n    \/* Bild auf Mobilger\u00e4ten ausblenden *\/\n    .bk-bav-section .bk-image-column {\n      display: none;\n    }\n    \n    .bk-bav-section .bk-buttons-container {\n      flex-direction: column;\n      align-items: center;\n    }\n    \n    .bk-bav-section .bk-button {\n      width: 100%;\n      max-width: 300px;\n    }\n  }\n<\/style>\n\n<!-- Pflichtverletzung in der bAV Sektion -->\n<section class=\"bk-bav-section\">\n  <!-- Dekorative schwebende Punkte -->\n  <div class=\"bk-dots\" style=\"top: 20%; right: 5%;\">\n    <div class=\"bk-dot\"><\/div>\n    <div class=\"bk-dot\"><\/div>\n    <div class=\"bk-dot\"><\/div>\n  <\/div>\n  \n  <div class=\"bk-dots\" style=\"bottom: 15%; left: 5%;\">\n    <div class=\"bk-dot\"><\/div>\n    <div class=\"bk-dot\"><\/div>\n    <div class=\"bk-dot\"><\/div>\n  <\/div>\n  \n  <div class=\"bk-container\">\n    <div class=\"bk-flex-container\">\n      <!-- Bild-Spalte (links) -->\n      <div class=\"bk-image-column\">\n        <div class=\"bk-image-container\">\n          <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/business_accaris.jpg\" alt=\"Pflichtverletzung in der bAV\" class=\"bk-image\">\n        <\/div>\n      <\/div>\n      \n      <!-- Text-Spalte (rechts) -->\n      <div class=\"bk-text-column\">\n        <h2 class=\"bk-main-heading\">Pflichtverletzung in der <span class=\"bk-highlight\">bAV?<\/span><\/h2>\n        <h3 class=\"bk-subheading\">Bis zu <span class=\"bk-highlight\">5-stellige Kosten<\/span> pro Mitarbeiter<\/h3>\n        \n        <div class=\"bk-divider\"><\/div>\n        \n        <p class=\"bk-paragraph\">\n          Viele Unternehmen setzen die betriebliche Altersvorsorge nur halbherzig um \u2013 oft aus <span class=\"bk-bold\">Zeitmangel<\/span> oder <span class=\"bk-bold\">Unsicherheit<\/span>. Doch: Fehlende <span class=\"bk-bold\">Transparenz<\/span>, l\u00fcckenhafte <span class=\"bk-bold\">Dokumentation<\/span> oder unklare <span class=\"bk-bold\">Versorgungsordnungen<\/span> f\u00fchren im Ernstfall zu hoher pers\u00f6nlicher Haftung.\n        <\/p>\n        \n        <h3 class=\"bk-solution-heading\">Unsere <span class=\"bk-highlight\">L\u00f6sung<\/span> f\u00fcr Ihr Unternehmen<\/h3>\n        \n        <p class=\"bk-paragraph\">\n          Wir helfen Ihnen, gesetzliche Pflichten zu erf\u00fcllen, Risiken zu minimieren und eine L\u00f6sung zu gestalten, die sowohl Ihre Mitarbeitenden als auch Ihr Unternehmen langfristig st\u00e4rkt.\n        <\/p>\n      <\/div>\n    <\/div>\n    \n    <!-- Buttons unter beiden Spalten (zentriert) -->\n    <div class=\"bk-buttons-container\">\n      <button class=\"bk-button\">F\u00fcr Mittelst\u00e4ndler<\/button>\n      <button class=\"bk-button\">F\u00fcr Gesch\u00e4ftsf\u00fchrer<\/button>\n      <button class=\"bk-button\">F\u00fcr HR Abteilungen<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54b98cb e-con-full e-flex e-con e-parent\" data-id=\"54b98cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fdaaed elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"2fdaaed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da77bd2 elementor-widget elementor-widget-html\" data-id=\"da77bd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Kombiniertes Vorteile & Leistungen Widget mit klarer Abgrenzung f\u00fcr Elementor -->\n<style>\n  \/* F\u00fcge diese Regel am Anfang des Stylesheets hinzu, um horizontales Scrollen zu verhindern *\/\n  html, body {\n    overflow-x: hidden;\n    max-width: 100%;\n  }\n\n  \/* Basis-Styles mit spezifischeren Selektoren *\/\n  .bav-section {\n    position: relative;\n    overflow: hidden;\n  }\n  \n  \/* Alle Styles werden nur auf Elemente innerhalb der bav-section angewendet *\/\n  .bav-section * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  \/* Gemeinsame Container-Styles *\/\n  .bav-section .bav-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 1.5rem;\n    position: relative;\n    z-index: 10;\n  }\n  \n  \/* \u00dcberschriften im einheitlichen Stil - spezifischer Selektor *\/\n  .bav-section .bav-heading {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 2.5rem;\n    font-weight: 700;\n    text-align: center;\n    margin-bottom: 3.5rem;\n    color: #4b4b4b;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n    position: relative;\n  }\n  \n  .bav-section .bav-heading span {\n    color: #009484; \/* Gr\u00fcne Akzentfarbe *\/\n  }\n  \n  \/* Moderner Unterstrich mit Farbverlauf *\/\n  .bav-section .bav-heading::after {\n    content: '';\n    position: absolute;\n    bottom: -1rem;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 4px;\n    background: linear-gradient(90deg, #009484 0%, #feeb35 100%);\n    border-radius: 2px;\n  }\n  \n  \/* CTA Button Styling *\/\n  .bav-section .bav-cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    background-color: #feeb35; \/* Gelbe Akzentfarbe *\/\n    color: #4b4b4b; \/* Dunkler Text *\/\n    font-weight: 600;\n    padding: 1rem 2rem;\n    border-radius: 0.5rem;\n    font-size: 1.125rem;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    box-shadow: 0 10px 25px rgba(254, 235, 53, 0.3);\n    position: relative;\n    overflow: hidden;\n    margin: 0 auto 1.5rem; \/* Reduziert von 3rem auf 1.5rem *\/\n    white-space: nowrap; \/* Verhindert Zeilenumbr\u00fcche im Text *\/\n  }\n  \n  .bav-section .bav-cta-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.3) 100%);\n    transform: scaleX(0);\n    transform-origin: right;\n    transition: transform 0.6s ease;\n    z-index: -1;\n  }\n  \n  .bav-section .bav-cta-button:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 30px rgba(254, 235, 53, 0.4);\n  }\n  \n  .bav-section .bav-cta-button:hover::before {\n    transform: scaleX(1);\n    transform-origin: left;\n  }\n  \n  .bav-section .bav-cta-icon {\n    font-size: 1.25rem;\n    transition: transform 0.3s ease;\n  }\n  \n  .bav-section .bav-cta-button:hover .bav-cta-icon {\n    transform: translateX(4px);\n  }\n  \n  .bav-section .bav-cta-wrapper {\n    display: flex;\n    justify-content: center;\n    margin-top: 3rem; \/* Abstand nach oben von den Karten *\/\n    margin-bottom: 0; \/* Kein Abstand nach unten n\u00f6tig *\/\n  }\n  \n  \/* VORTEILE SEKTION - Heller Hintergrund *\/\n  .bav-vorteile-section {\n    background-color: #ffffff;\n    padding: 6rem 0 5rem; \/* Reduziert von 8rem auf 5rem *\/\n    position: relative;\n    overflow: hidden;\n    width: 100vw; \/* Volle Viewport-Breite *\/\n    left: 50%; \/* Positioniere vom Zentrum aus *\/\n    right: 50%; \/* Positioniere vom Zentrum aus *\/\n    margin-left: -50vw; \/* Negative H\u00e4lfte der Viewport-Breite *\/\n    margin-right: -50vw; \/* Negative H\u00e4lfte der Viewport-Breite *\/\n    box-sizing: border-box;\n  }\n  \n  \/* Vorteile Grid *\/\n  .bav-section .bav-vorteile-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 2rem;\n  }\n  \n  \/* Modernere Vorteile-Karten *\/\n  .bav-section .bav-vorteil-card {\n    background-color: #e1f5f0;\n    padding: 2.5rem 2rem;\n    border-radius: 1rem;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    text-align: center;\n    position: relative;\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    overflow: hidden;\n  }\n  \n  \/* Gelber Akzent an der Karte *\/\n  .bav-section .bav-vorteil-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background-color: #feeb35;\n    transition: height 0.4s ease;\n  }\n  \n  .bav-section .bav-vorteil-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 35px rgba(0, 0, 0, 0.1);\n  }\n  \n  .bav-section .bav-vorteil-card:hover::before {\n    height: 100%;\n  }\n  \n  \/* Icon Container mit Gradient-Hintergrund *\/\n  .bav-section .bav-icon-container {\n    background: linear-gradient(135deg, #009484 0%, #007a6e 100%);\n    width: 4.5rem;\n    height: 4.5rem;\n    border-radius: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 1.75rem auto;\n    transition: all 0.4s ease;\n    position: relative;\n    z-index: 1;\n    box-shadow: 0 10px 20px rgba(0, 148, 132, 0.2);\n  }\n  \n  \/* Gelber Akzent-Kreis hinter dem Icon *\/\n  .bav-section .bav-icon-container::before {\n    content: '';\n    position: absolute;\n    top: -5px;\n    right: -5px;\n    width: 20px;\n    height: 20px;\n    background-color: #feeb35;\n    border-radius: 50%;\n    z-index: -1;\n    opacity: 0.8;\n    transition: transform 0.4s ease;\n  }\n  \n  .bav-section .bav-vorteil-card:hover .bav-icon-container {\n    transform: scale(1.1) rotate(5deg);\n  }\n  \n  .bav-section .bav-vorteil-card:hover .bav-icon-container::before {\n    transform: scale(1.2);\n  }\n  \n  .bav-section .bav-icon-container svg {\n    width: 2.25rem;\n    height: 2.25rem;\n    color: white;\n    transition: transform 0.3s ease;\n  }\n  \n  .bav-section .bav-vorteil-card:hover .bav-icon-container svg {\n    transform: scale(1.1);\n  }\n  \n  .bav-section .bav-vorteil-title {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 1.25rem;\n    color: #4b4b4b;\n    transition: color 0.3s ease;\n  }\n  \n  .bav-section .bav-vorteil-card:hover .bav-vorteil-title {\n    color: #009484;\n  }\n  \n  .bav-section .bav-vorteil-text {\n    color: #6b7280;\n    line-height: 1.7;\n    font-size: 1.05rem;\n  }\n  \n  .bav-section .bav-vorteil-text strong {\n    font-weight: 700;\n    color: #4b4b4b;\n  }\n  \n  \/* Farbverlauf-\u00dcbergang zwischen den Sektionen *\/\n  .bav-section .bav-gradient-divider {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100px; \/* Reduziert von 150px auf 100px *\/\n    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(249,250,251,1) 100%);\n    z-index: 5;\n  }\n  \n  \/* \u00c4ndere die Styles f\u00fcr die Leistungen-Sektion *\/\n  .bav-leistungen-section {\n    background-color: #f9fafb;\n    padding: 4rem 0 6rem; \/* Reduziert von 6rem auf 4rem *\/\n    position: relative;\n    overflow: hidden;\n    margin-top: -2px; \/* Verhindert m\u00f6gliche L\u00fccken zwischen den Sektionen *\/\n    width: 100vw; \/* Volle Viewport-Breite *\/\n    left: 50%; \/* Positioniere vom Zentrum aus *\/\n    right: 50%; \/* Positioniere vom Zentrum aus *\/\n    margin-left: -50vw; \/* Negative H\u00e4lfte der Viewport-Breite *\/\n    margin-right: -50vw; \/* Negative H\u00e4lfte der Viewport-Breite *\/\n    box-sizing: border-box;\n  }\n  \n  \/* Leistungen Grid *\/\n  .bav-section .bav-leistungen-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 2rem;\n  }\n  \n  \/* Leistungskarten im modernen Stil *\/\n  .bav-section .bav-leistung-card {\n    background-color: #e1f5f0;\n    padding: 2.5rem 2rem;\n    border-radius: 1rem;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    position: relative;\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n  }\n  \n  \/* Gr\u00fcner Akzent an der Karte *\/\n  .bav-section .bav-leistung-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 0;\n    height: 4px;\n    background-color: #009484;\n    transition: width 0.4s ease;\n  }\n  \n  .bav-section .bav-leistung-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 35px rgba(0, 0, 0, 0.1);\n  }\n  \n  .bav-section .bav-leistung-card:hover::before {\n    width: 100%;\n  }\n  \n  .bav-section .bav-leistung-icon {\n    background: linear-gradient(135deg, #009484 0%, #007a6e 100%);\n    width: 4rem;\n    height: 4rem;\n    border-radius: 0.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 1.5rem;\n    transition: all 0.4s ease;\n    position: relative;\n    box-shadow: 0 10px 20px rgba(0, 148, 132, 0.2);\n  }\n  \n  \/* Gelber Akzent am Icon *\/\n  .bav-section .bav-leistung-icon::after {\n    content: '';\n    position: absolute;\n    bottom: -5px;\n    right: -5px;\n    width: 15px;\n    height: 15px;\n    background-color: #feeb35;\n    border-radius: 50%;\n    opacity: 0.8;\n    transition: transform 0.4s ease;\n  }\n  \n  .bav-section .bav-leistung-card:hover .bav-leistung-icon {\n    transform: scale(1.1);\n  }\n  \n  .bav-section .bav-leistung-card:hover .bav-leistung-icon::after {\n    transform: scale(1.3);\n  }\n  \n  .bav-section .bav-leistung-icon svg {\n    width: 2rem;\n    height: 2rem;\n    color: white;\n    transition: transform 0.3s ease;\n  }\n  \n  .bav-section .bav-leistung-card:hover .bav-leistung-icon svg {\n    transform: scale(1.1);\n  }\n  \n  .bav-section .bav-leistung-title {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: #4b4b4b;\n    transition: color 0.3s ease;\n  }\n  \n  .bav-section .bav-leistung-card:hover .bav-leistung-title {\n    color: #009484;\n  }\n  \n  .bav-section .bav-leistung-text {\n    color: #6b7280;\n    line-height: 1.7;\n    font-size: 1.05rem;\n  }\n  \n  .bav-section .bav-leistung-text strong {\n    font-weight: 700;\n    color: #4b4b4b;\n  }\n  \n  \/* Farbverlauf am Ende der Leistungen-Sektion *\/\n  .bav-section .bav-bottom-gradient {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100px;\n    background: linear-gradient(to bottom, rgba(249,250,251,0) 0%, rgba(255,255,255,1) 100%);\n    z-index: 5;\n  }\n  \n  \/* Hintergrund-Elemente *\/\n  .bav-section .bav-bg-elements {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n  }\n  \n  \/* Gelbe Akzent-Kreise im Hintergrund *\/\n  .bav-section .bav-accent {\n    position: absolute;\n    border-radius: 50%;\n    z-index: 1;\n  }\n  \n  .bav-section .bav-accent-yellow {\n    background-color: rgba(254, 235, 53, 0.15);\n  }\n  \n  .bav-section .bav-accent-green {\n    background-color: rgba(0, 148, 132, 0.1);\n  }\n  \n  .bav-section .bav-accent-1 {\n    top: 15%;\n    left: 10%;\n    width: 150px;\n    height: 150px;\n  }\n  \n  .bav-section .bav-accent-2 {\n    bottom: 20%;\n    right: 5%;\n    width: 200px;\n    height: 200px;\n  }\n  \n  .bav-section .bav-accent-3 {\n    top: 50%;\n    left: 15%;\n    width: 100px;\n    height: 100px;\n  }\n  \n  .bav-section .bav-accent-4 {\n    top: 30%;\n    right: 10%;\n    width: 120px;\n    height: 120px;\n  }\n  \n  \/* Responsive Anpassungen *\/\n  @media (min-width: 1024px) {\n    .bav-section .bav-vorteile-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    \n    .bav-section .bav-leistungen-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    \n    .bav-section .bav-heading {\n      font-size: 2.75rem;\n    }\n  }\n  \n  \/* Tablet-Ansicht - Vorteile immer nur eine Box pro Zeile *\/\n  @media (min-width: 768px) and (max-width: 1023px) {\n    .bav-section .bav-vorteile-grid {\n      grid-template-columns: 1fr; \/* Nur eine Spalte f\u00fcr Vorteile auf Tablets *\/\n      max-width: 600px; \/* Begrenzte Breite f\u00fcr besseres Aussehen *\/\n      margin: 0 auto; \/* Zentrieren *\/\n    }\n    \n    .bav-section .bav-leistungen-grid {\n      grid-template-columns: repeat(2, 1fr); \/* Leistungen bleiben bei 2 Spalten *\/\n    }\n    \n    .bav-section .bav-heading {\n      font-size: 2.5rem;\n    }\n  }\n  \n  @media (max-width: 767px) {\n    .bav-vorteile-section {\n      padding: 5rem 1.5rem 4rem; \/* Reduziert von 5rem 1.5rem 7rem auf 5rem 1.5rem 4rem *\/\n    }\n    \n    .bav-leistungen-section {\n      padding: 3rem 1.5rem 5rem; \/* Reduziert von 5rem 1.5rem 5rem auf 3rem 1.5rem 5rem *\/\n    }\n    \n    .bav-section .bav-heading {\n      font-size: 2.25rem;\n    }\n    \n    .bav-section .bav-vorteil-card,\n    .bav-section .bav-leistung-card {\n      padding: 2rem 1.5rem;\n    }\n    \n    .bav-section .bav-gradient-divider {\n      height: 80px; \/* Reduziert von 100px auf 80px *\/\n    }\n    \n    \/* Mobile Button-Anpassungen *\/\n    .bav-section .bav-cta-button {\n      padding: 0.875rem 1.5rem;\n      font-size: 1rem;\n      width: auto; \/* Automatische Breite statt fester Prozentsatz *\/\n      white-space: nowrap; \/* Verhindert Zeilenumbr\u00fcche im Text *\/\n      margin-bottom: 1rem; \/* Reduziert von 1.5rem auf 1rem *\/\n    }\n  }\n<\/style>\n\n<!-- VORTEILE SEKTION -->\n<section class=\"bav-section bav-vorteile-section\">\n  <!-- Hintergrund-Elemente f\u00fcr Vorteile -->\n  <div class=\"bav-bg-elements\">\n    <!-- Akzent-Kreise -->\n    <div class=\"bav-accent bav-accent-yellow bav-accent-1\"><\/div>\n    <div class=\"bav-accent bav-accent-green bav-accent-2\"><\/div>\n  <\/div>\n  \n  <div class=\"bav-container\">\n    <h2 class=\"bav-heading\">\n      Ihre <span>Vorteile<\/span> mit uns\n    <\/h2>\n    \n    \n    <div class=\"bav-vorteile-grid\">\n      <!-- Vorteil 1 -->\n      <div class=\"bav-vorteil-card\">\n        <div class=\"bav-icon-container\">\n          <!-- Heart Icon -->\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"bav-vorteil-title\">Mitarbeiter binden<\/h3>\n        <p class=\"bav-vorteil-text\">\n          Eine attraktive bAV ist ein <strong>wichtiger Faktor<\/strong> f\u00fcr die <strong>Mitarbeiterbindung<\/strong> und -zufriedenheit. Zeigen Sie Ihren Mitarbeitern, dass Sie in ihre <strong>langfristige Zukunft<\/strong> investieren.\n        <\/p>\n      <\/div>\n      \n      <!-- Vorteil 2 -->\n      <div class=\"bav-vorteil-card\">\n        <div class=\"bav-icon-container\">\n          <!-- Trending Down Icon -->\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"22 17 13.5 8.5 8.5 13.5 2 7\"><\/polyline>\n            <polyline points=\"16 17 22 17 22 11\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <h3 class=\"bav-vorteil-title\">Aufwand reduzieren<\/h3>\n        <p class=\"bav-vorteil-text\">\n          Unsere <strong>digitalen L\u00f6sungen<\/strong> und <strong>effizienten Prozesse<\/strong> minimieren den administrativen Aufwand f\u00fcr Ihre HR-Abteilung. Sparen Sie wertvolle <strong>Zeit und Ressourcen<\/strong>.\n        <\/p>\n      <\/div>\n      \n      <!-- Vorteil 3 -->\n      <div class=\"bav-vorteil-card\">\n        <div class=\"bav-icon-container\">\n          <!-- Banknote Icon -->\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect width=\"20\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\"><\/rect>\n            <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\n            <path d=\"M6 12h.01M18 12h.01\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"bav-vorteil-title\">Kosten senken<\/h3>\n        <p class=\"bav-vorteil-text\">\n          Durch <strong>optimierte Versorgungskonzepte<\/strong> und <strong>steuerliche Vorteile<\/strong> k\u00f6nnen Sie erhebliche Kosten einsparen. Wir helfen Ihnen, das <strong>Maximum aus Ihrem Budget<\/strong> herauszuholen.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- CTA Button unter den Vorteile-Karten -->\n    <div class=\"bav-cta-wrapper\">\n      <a href=\"https:\/\/outlook.office.com\/book\/DavidKlevesahl@Apdim.onmicrosoft.com\/?ismsaljsauthenabled\" class=\"bav-cta-button\">\n        <span>Jetzt Termin vereinbaren<\/span>\n        <span class=\"bav-cta-icon\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n  \n  <!-- Farbverlauf-\u00dcbergang zum Leistungen-Bereich -->\n  <div class=\"bav-gradient-divider\"><\/div>\n<\/section>\n\n<!-- LEISTUNGEN SEKTION -->\n<section class=\"bav-section bav-leistungen-section\">\n  <!-- Hintergrund-Elemente f\u00fcr Leistungen -->\n  <div class=\"bav-bg-elements\">\n    <!-- Akzent-Kreise -->\n    <div class=\"bav-accent bav-accent-yellow bav-accent-3\"><\/div>\n    <div class=\"bav-accent bav-accent-green bav-accent-4\"><\/div>\n  <\/div>\n  \n  <div class=\"bav-container\">\n    <h2 class=\"bav-heading\">Unsere <span>Leistungen<\/span> f\u00fcr Sie im Detail<\/h2>\n    \n    <div class=\"bav-leistungen-grid\">\n      <!-- Leistung 1 -->\n      <div class=\"bav-leistung-card\">\n        <div class=\"bav-leistung-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"bav-leistung-title\">Onboarding neuer Mitarbeiter<\/h3>\n        <p class=\"bav-leistung-text\">\n          <strong>Einfache und effiziente Integration<\/strong> neuer Mitarbeiter in Ihr bAV-System mit <strong>klaren Prozessen<\/strong> und digitaler Unterst\u00fctzung.\n        <\/p>\n      <\/div>\n      \n      <!-- Leistung 2 -->\n      <div class=\"bav-leistung-card\">\n        <div class=\"bav-leistung-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"bav-leistung-title\">Digitale Plattform zur Verwaltung<\/h3>\n        <p class=\"bav-leistung-text\">\n          <strong>Moderne digitale L\u00f6sungen<\/strong> f\u00fcr die einfache und <strong>transparente Verwaltung<\/strong> Ihrer betrieblichen Altersvorsorge.\n        <\/p>\n      <\/div>\n      \n      <!-- Leistung 3 -->\n      <div class=\"bav-leistung-card\">\n        <div class=\"bav-leistung-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"bav-leistung-title\">\u00c4nderungen per Mausklick<\/h3>\n        <p class=\"bav-leistung-text\">\n          <strong>Schnelle und unkomplizierte Anpassungen<\/strong> Ihrer bAV-L\u00f6sungen <strong>ohne b\u00fcrokratischen Aufwand<\/strong>.\n        <\/p>\n      <\/div>\n      \n      <!-- Leistung 4 -->\n      <div class=\"bav-leistung-card\">\n        <div class=\"bav-leistung-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"bav-leistung-title\">Schutz vor Haftungsfallen<\/h3>\n        <p class=\"bav-leistung-text\">\n          <strong>Umfassende Absicherung<\/strong> und <strong>rechtssichere L\u00f6sungen<\/strong>, die Ihr Unternehmen vor Haftungsrisiken sch\u00fctzen.\n        <\/p>\n      <\/div>\n      \n      <!-- Leistung 5 -->\n      <div class=\"bav-leistung-card\">\n        <div class=\"bav-leistung-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"bav-leistung-title\">Unterst\u00fctzung bei St\u00f6rf\u00e4llen<\/h3>\n        <p class=\"bav-leistung-text\">\n          <strong>Schnelle und kompetente Hilfe<\/strong> bei Problemen oder unvorhergesehenen Ereignissen in Ihrer bAV.\n        <\/p>\n      <\/div>\n      \n      <!-- Leistung 6 -->\n      <div class=\"bav-leistung-card\">\n        <div class=\"bav-leistung-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" \/>\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"bav-leistung-title\">Deutschlandweit digital und vor Ort<\/h3>\n        <p class=\"bav-leistung-text\">\n          <strong>Flexible Betreuung<\/strong> \u2013 digital aus der Ferne oder <strong>pers\u00f6nlich bei Ihnen vor Ort<\/strong> in ganz Deutschland.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Farbverlauf am Ende der Leistungen-Sektion -->\n  <div class=\"bav-bottom-gradient\"><\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b00c335 e-con-full e-flex e-con e-parent\" data-id=\"b00c335\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec755f7 elementor-widget elementor-widget-html\" data-id=\"ec755f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Zusammenarbeit Prozess Sektion f\u00fcr Elementor HTML Widget - Optimiert f\u00fcr alle Ger\u00e4te -->\n<style>\n  \/* F\u00fcge diese Regel am Anfang des Stylesheets hinzu, um horizontales Scrollen zu verhindern *\/\n  html, body {\n    overflow-x: hidden;\n    max-width: 100%;\n  }\n\n  \/* Alle Stile sind mit spezifischen Pr\u00e4fixen versehen und auf die Sektion beschr\u00e4nkt *\/\n  .bk-process-section {\n    color: inherit; \/* \u00dcbernimmt die Textfarbe der Website *\/\n    padding: 6rem 0; \/* Erh\u00f6htes Padding f\u00fcr mehr H\u00f6he *\/\n    background-color: transparent;\n    position: relative;\n    overflow: hidden;\n    width: 100vw; \/* Volle Viewport-Breite *\/\n    left: 50%; \/* Positioniere vom Zentrum aus *\/\n    right: 50%; \/* Positioniere vom Zentrum aus *\/\n    margin-left: -50vw; \/* Negative H\u00e4lfte der Viewport-Breite *\/\n    margin-right: -50vw; \/* Negative H\u00e4lfte der Viewport-Breite *\/\n    box-sizing: border-box;\n  }\n  \n  .bk-process-section * {\n    box-sizing: border-box;\n  }\n  \n  .bk-process-section .bk-container {\n    width: 100%;\n    max-width: 1400px; \/* Erh\u00f6ht von 1200px auf 1400px f\u00fcr mehr Breite *\/\n    margin: 0 auto;\n    padding: 0 1.5rem; \/* Erh\u00f6htes Padding f\u00fcr bessere Lesbarkeit auf mobilen Ger\u00e4ten *\/\n    position: relative;\n    z-index: 2;\n  }\n  \n  \/* \u00dcberschriften mit Noir Pro *\/\n  .bk-process-section .bk-heading {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 2.25rem; \/* Gr\u00f6\u00dfere Basisgr\u00f6\u00dfe *\/\n    font-weight: 700;\n    text-align: center;\n    margin-bottom: 1.5rem;\n    line-height: 1.2;\n    color: inherit;\n    word-wrap: break-word; \/* Verhindert \u00dcberlauf auf kleinen Bildschirmen *\/\n    hyphens: auto; \/* Erlaubt Silbentrennung bei Bedarf *\/\n  }\n  \n  \/* Verbesserte Subheading-Styles f\u00fcr bessere Zeilenumbr\u00fcche *\/\n  .bk-process-section .bk-subheading {\n    font-family: Arial, sans-serif;\n    font-size: 1.25rem; \/* Gr\u00f6\u00dferer Text *\/\n    text-align: center;\n    margin-bottom: 4rem; \/* Mehr Abstand zum Inhalt *\/\n    color: inherit;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n    word-wrap: break-word;\n    hyphens: auto;\n    width: 100%;\n    line-height: 1.6;\n    word-spacing: 0.05em;\n  }\n  \n  .bk-process-section .bk-highlight {\n    color: #009484; \/* J\u00e4gergr\u00fcn (Hunter green) *\/\n  }\n  \n  \/* Prozess-Schritte *\/\n  .bk-process-section .bk-process-steps {\n    display: flex;\n    flex-direction: column;\n    gap: 3.5rem; \/* Erh\u00f6hter Abstand zwischen den Schritten *\/\n    margin-bottom: 4rem; \/* Mehr Abstand zum Button *\/\n  }\n  \n  \/* F\u00fcge einen subtilen Hover-Effekt f\u00fcr den gesamten Prozessschritt hinzu *\/\n  .bk-process-section .bk-process-step {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    position: relative;\n    padding: 0 1.5rem; \/* Padding an den Seiten beibehalten, aber oben\/unten entfernen *\/\n    transition: all 0.3s ease;\n    background-color: transparent; \/* Hintergrund entfernt *\/\n    border-radius: 0; \/* Kein Radius mehr n\u00f6tig *\/\n    box-shadow: none; \/* Schatten entfernt *\/\n  }\n\n  .bk-process-section .bk-process-step:hover {\n    transform: translateY(-5px);\n    box-shadow: none; \/* Schatten auch beim Hover entfernt *\/\n    background-color: transparent; \/* Hintergrund auch beim Hover entfernt *\/\n  }\n\n  \/* \u00c4nderung: Hellere\/grauere Farbe f\u00fcr Titel beim Hover statt gelb *\/\n  .bk-process-section .bk-process-step:hover .bk-step-title {\n    color: #009484; \/* Gr\u00fcne Farbe f\u00fcr den Titel beim Hover *\/\n  }\n  \n  \/* F\u00fcge Hover-Effekte f\u00fcr die Icons hinzu *\/\n  .bk-process-section .bk-icon-container {\n    width: 5.5rem; \/* Gr\u00f6\u00dfere Icons *\/\n    height: 5.5rem; \/* Gr\u00f6\u00dfere Icons *\/\n    background-color: #f0f0f0;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 1.5rem;\n    position: relative;\n    flex-shrink: 0;\n    transition: all 0.3s ease; \/* Transition f\u00fcr Hover-Effekt *\/\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n  }\n\n  .bk-process-section .bk-process-step:hover .bk-icon-container {\n    transform: translateY(-5px) scale(1.05);\n    background-color: #e6f7f5; \/* Leicht gr\u00fcnlicher Hintergrund beim Hover *\/\n    box-shadow: 0 8px 15px rgba(0, 148, 132, 0.15);\n  }\n\n  .bk-process-section .bk-icon {\n    width: 2.75rem; \/* Gr\u00f6\u00dfere Icons *\/\n    height: 2.75rem; \/* Gr\u00f6\u00dfere Icons *\/\n    color: #009484;\n    transition: all 0.3s ease; \/* Transition f\u00fcr Hover-Effekt *\/\n  }\n\n  .bk-process-section .bk-process-step:hover .bk-icon {\n    transform: scale(1.1);\n    color: #007a6e; \/* Dunkleres Gr\u00fcn beim Hover *\/\n  }\n  \n  \/* Schritt-Nummer *\/\n  .bk-process-section .bk-step-number {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.125rem; \/* Gr\u00f6\u00dfere Schrift *\/\n    font-weight: 700;\n    color: #009484; \/* J\u00e4gergr\u00fcn (Hunter green) *\/\n    margin-bottom: 0.5rem;\n    word-wrap: break-word;\n    width: 100%; \/* Volle Breite f\u00fcr bessere Textumbr\u00fcche *\/\n  }\n  \n  \/* Schritt-Titel *\/\n  .bk-process-section .bk-step-title {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.375rem; \/* Gr\u00f6\u00dfere Schrift *\/\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: inherit;\n    word-wrap: break-word;\n    width: 100%; \/* Volle Breite f\u00fcr bessere Textumbr\u00fcche *\/\n    transition: color 0.3s ease; \/* Transition f\u00fcr Farb\u00e4nderung *\/\n  }\n  \n  \/* Schritt-Beschreibung *\/\n  .bk-process-section .bk-step-description {\n    font-family: Arial, sans-serif;\n    font-size: 1.125rem; \/* Gr\u00f6\u00dfere Schrift *\/\n    line-height: 1.6;\n    color: inherit;\n    word-wrap: break-word;\n    width: 100%; \/* Volle Breite f\u00fcr bessere Textumbr\u00fcche *\/\n  }\n  \n  \/* CTA Button Styling *\/\n  .bk-process-section .bk-cta-wrapper {\n    display: flex;\n    justify-content: center;\n    margin-top: 3rem;\n    margin-bottom: 1rem;\n    width: 100%; \/* Stellt sicher, dass der Wrapper die volle Breite einnimmt *\/\n    text-align: center; \/* Zus\u00e4tzliche Zentrierung *\/\n  }\n\n  .bk-process-section .bk-cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    background-color: #feeb35; \/* Gelber Button statt gr\u00fcn *\/\n    color: #4b4b4b; \/* Dunklere Textfarbe f\u00fcr besseren Kontrast auf gelbem Hintergrund *\/\n    font-weight: 600;\n    padding: 1.25rem 2.5rem; \/* Gr\u00f6\u00dferer Button *\/\n    border-radius: 0.5rem;\n    font-size: 1.25rem; \/* Gr\u00f6\u00dfere Schrift *\/\n    text-decoration: none;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 10px 20px rgba(254, 235, 53, 0.3); \/* Angepasster Schatten f\u00fcr gelbe Farbe *\/\n    margin: 0 auto; \/* Zentriert den Button horizontal *\/\n  }\n  \n  .bk-process-section .bk-cta-button:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 30px rgba(254, 235, 53, 0.4); \/* Angepasster Hover-Schatten f\u00fcr gelbe Farbe *\/\n  }\n  \n  .bk-process-section .bk-cta-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 100%);\n    transform: scaleX(0);\n    transform-origin: right;\n    transition: transform 0.6s ease;\n    z-index: -1;\n  }\n  \n  .bk-process-section .bk-cta-button:hover::before {\n    transform: scaleX(1);\n    transform-origin: left;\n  }\n  \n  .bk-process-section .bk-cta-icon {\n    transition: transform 0.3s ease;\n  }\n  \n  .bk-process-section .bk-cta-button:hover .bk-cta-icon {\n    transform: translateX(4px);\n  }\n  \n  \/* Hintergrund-Elemente *\/\n  .bk-process-section .bk-bg-elements {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n  }\n  \n  \/* Tablet-Ansicht *\/\n  @media (min-width: 768px) and (max-width: 1023px) {\n    .bk-process-section .bk-process-steps {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr); \/* 2 Spalten auf Tablets *\/\n      gap: 2.5rem; \/* Vertikaler und horizontaler Abstand *\/\n      flex-direction: unset; \/* \u00dcberschreibt die Spaltenrichtung *\/\n    }\n    \n    .bk-process-section .bk-heading {\n      font-size: 2.75rem;\n    }\n    \n    .bk-process-section .bk-subheading {\n      font-size: 1.375rem;\n      margin-bottom: 3.5rem;\n      \/* Verbessere den Zeilenumbruch auf Tablets *\/\n      max-width: 90%;\n    }\n    \n    \/* Entfernt die Verbindungslinien auf Tablets *\/\n    .bk-process-section .bk-process-step::after {\n      display: none;\n    }\n    \n    .bk-process-section .bk-icon-container {\n      width: 5.5rem;\n      height: 5.5rem;\n    }\n    \n    .bk-process-section .bk-icon {\n      width: 2.75rem;\n      height: 2.75rem;\n    }\n    \n    .bk-process-section .bk-step-title {\n      font-size: 1.375rem;\n      min-height: 2.7rem; \/* Sorgt f\u00fcr gleichm\u00e4\u00dfige H\u00f6he der Titel *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .bk-process-section .bk-cta-button {\n      padding: 1.125rem 2.25rem;\n    }\n  }\n  \n  \/* Desktop-Ansicht *\/\n  @media (min-width: 1024px) {\n    .bk-process-section .bk-container {\n      padding: 0 2rem;\n    }\n    \n    .bk-process-section .bk-heading {\n      font-size: 3.25rem; \/* Gr\u00f6\u00dfere \u00dcberschrift *\/\n    }\n    \n    .bk-process-section .bk-subheading {\n      font-size: 1.5rem; \/* Gr\u00f6\u00dferer Untertitel *\/\n      margin-bottom: 4.5rem;\n      \/* Verbessere den Zeilenumbruch auf Desktop *\/\n      max-width: 80%;\n      \/* F\u00fcge einen besseren Zeilenabstand hinzu *\/\n      line-height: 1.6;\n    }\n    \n    .bk-process-section .bk-process-steps {\n      flex-direction: row;\n      align-items: stretch; \/* Gleiche H\u00f6he f\u00fcr alle Schritte *\/\n      gap: 2rem;\n    }\n    \n    \/* Verbindungslinien zwischen den Schritten *\/\n    .bk-process-section .bk-process-step:not(:last-child)::after {\n      content: '';\n      position: absolute;\n      top: 2.75rem; \/* Zentriert mit dem Icon *\/\n      right: -1rem;\n      width: 2rem;\n      height: 2px;\n      background-color: #e5e7eb;\n    }\n    \n    .bk-process-section .bk-process-step {\n      height: 100%; \/* Gleiche H\u00f6he f\u00fcr alle Schritte *\/\n      display: flex;\n      flex-direction: column;\n    }\n    \n    .bk-process-section .bk-icon-container {\n      width: 6rem; \/* Noch gr\u00f6\u00dfere Icons auf Desktop *\/\n      height: 6rem; \/* Noch gr\u00f6\u00dfere Icons auf Desktop *\/\n      margin-bottom: 1.75rem;\n    }\n    \n    .bk-process-section .bk-icon {\n      width: 3rem; \/* Noch gr\u00f6\u00dfere Icons auf Desktop *\/\n      height: 3rem; \/* Noch gr\u00f6\u00dfere Icons auf Desktop *\/\n    }\n    \n    .bk-process-section .bk-step-number {\n      font-size: 1.25rem;\n    }\n    \n    .bk-process-section .bk-step-title {\n      font-size: 1.5rem;\n      min-height: 2.7rem; \/* Sorgt f\u00fcr gleichm\u00e4\u00dfige H\u00f6he der Titel *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .bk-process-section .bk-cta-wrapper {\n      margin-top: 4rem;\n    }\n    \n    .bk-process-section .bk-cta-button {\n      padding: 1.25rem 3rem;\n      font-size: 1.375rem;\n    }\n  }\n  \n  \/* Anpassungen f\u00fcr breite Bildschirme *\/\n  @media (min-width: 1600px) {\n    .bk-process-section .bk-container {\n      max-width: 1600px; \/* Noch breiterer Container *\/\n    }\n    \n    .bk-process-section .bk-heading {\n      font-size: 3.5rem;\n    }\n    \n    .bk-process-section .bk-subheading {\n      font-size: 1.625rem;\n      max-width: 70%;\n    }\n    \n    .bk-process-section .bk-process-steps {\n      gap: 3rem;\n    }\n    \n    .bk-process-section .bk-process-step {\n      padding: 2rem;\n    }\n    \n    .bk-process-section .bk-step-title {\n      font-size: 1.625rem;\n    }\n    \n    .bk-process-section .bk-step-description {\n      font-size: 1.25rem;\n    }\n  }\n  \n  \/* Spezifische Anpassungen f\u00fcr sehr kleine Bildschirme *\/\n  @media (max-width: 374px) {\n    .bk-process-section .bk-heading {\n      font-size: 1.875rem;\n    }\n    \n    .bk-process-section .bk-subheading {\n      font-size: 1.125rem;\n    }\n    \n    .bk-process-section .bk-step-title {\n      font-size: 1.25rem;\n    }\n    \n    .bk-process-section .bk-step-description {\n      font-size: 1rem;\n    }\n    \n    .bk-process-section .bk-cta-button {\n      width: 100%;\n      padding: 1rem 1.5rem;\n      font-size: 1.125rem;\n    }\n  }\n  \n  \/* Anpassungen f\u00fcr mobile Ger\u00e4te *\/\n  @media (max-width: 767px) {\n    .bk-process-section {\n      padding: 4rem 0;\n    }\n    \n    .bk-process-section .bk-process-step {\n      padding: 1.25rem;\n      margin-bottom: 1rem;\n    }\n    \n    .bk-process-section .bk-cta-button {\n      width: 100%;\n      padding: 1rem 1.5rem;\n    }\n  }\n<\/style>\n\n<!-- Zusammenarbeit Prozess Sektion -->\n<section class=\"bk-process-section\">\n  <!-- Hintergrund-Elemente - leerer Container, Kreise entfernt -->\n  <div class=\"bk-bg-elements\">\n    <!-- Akzent-Kreise wurden entfernt -->\n  <\/div>\n  \n  <div class=\"bk-container\">\n    <h2 class=\"bk-heading\">Wie l\u00e4uft eine <span class=\"bk-highlight\">Zusammenarbeit<\/span> ab?<\/h2>\n    <!-- Verbesserte Struktur f\u00fcr den Untertitel, um bessere Zeilenumbr\u00fcche zu gew\u00e4hrleisten -->\n    <p class=\"bk-subheading\">Lernen Sie unsere Expertise pers\u00f6nlich in einem virtuellen Beratungsgespr\u00e4ch kennen.<\/p>\n    \n    <div class=\"bk-process-steps\">\n      <!-- Schritt 1: Online-Terminvereinbarung -->\n      <div class=\"bk-process-step\">\n        <div class=\"bk-icon-container\">\n          <svg class=\"bk-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n            <path d=\"M8 14h.01\"><\/path>\n            <path d=\"M12 14h.01\"><\/path>\n            <path d=\"M16 14h.01\"><\/path>\n            <path d=\"M8 18h.01\"><\/path>\n            <path d=\"M12 18h.01\"><\/path>\n            <path d=\"M16 18h.01\"><\/path>\n          <\/svg>\n        <\/div>\n        <p class=\"bk-step-number\">1. Online-Terminvereinbarung<\/p>\n        <h3 class=\"bk-step-title\">Direktbuchung<\/h3>\n        <p class=\"bk-step-description\">Vereinbaren Sie direkt online einen kostenlosen Erstgespr\u00e4chstermin.<\/p>\n      <\/div>\n      \n      <!-- Schritt 2: Automatische Einladung -->\n      <div class=\"bk-process-step\">\n        <div class=\"bk-icon-container\">\n          <svg class=\"bk-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 2L11 13\"><\/path>\n            <path d=\"M22 2l-7 20-4-9-9-4 20-7z\"><\/path>\n          <\/svg>\n        <\/div>\n        <p class=\"bk-step-number\">2. Automatische Einladung<\/p>\n        <h3 class=\"bk-step-title\">Videocall-Einladung<\/h3>\n        <p class=\"bk-step-description\">Nach dem Ausw\u00e4hlen Ihres Wunschtermins bekommen Sie automatisiert eine Einladung f\u00fcr einen Videocall von uns.<\/p>\n      <\/div>\n      \n      <!-- Schritt 3: Virtuelles Beratungsgespr\u00e4ch -->\n      <div class=\"bk-process-step\">\n        <div class=\"bk-icon-container\">\n          <svg class=\"bk-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M15.6 11.6L22 7v10l-6.4-4.5v-1zM4 5h9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7c0-1.1.9-2 2-2z\"><\/path>\n          <\/svg>\n        <\/div>\n        <p class=\"bk-step-number\">3. Virtuelles Beratungsgespr\u00e4ch<\/p>\n        <h3 class=\"bk-step-title\">Unverbindliche Beratung<\/h3>\n        <p class=\"bk-step-description\">Ihr virtuelles Beratungsgespr\u00e4ch ist unverbindlich und kostenlos.<\/p>\n      <\/div>\n      \n      <!-- Schritt 4: Langfristige Zusammenarbeit -->\n      <div class=\"bk-process-step\">\n        <div class=\"bk-icon-container\">\n          <svg class=\"bk-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <p class=\"bk-step-number\">4. Langfristige Zusammenarbeit<\/p>\n        <h3 class=\"bk-step-title\">Kontinuierliche Begleitung<\/h3>\n        <p class=\"bk-step-description\">Im Anschluss an die Erstberatung besteht die Option, dass wir Sie langfristig bei der Umsetzung Ihrer L\u00f6sung begleiten.<\/p>\n      <\/div>\n    <\/div>\n    \n    <!-- CTA Button -->\n    <div class=\"bk-cta-wrapper\">\n      <a href=\"https:\/\/outlook.office.com\/book\/DavidKlevesahl@Apdim.onmicrosoft.com\/?ismsaljsauthenabled\" class=\"bk-cta-button\">\n        <span>Jetzt Termin vereinbaren<\/span>\n        <span class=\"bk-cta-icon\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9596861 e-con-full e-flex e-con e-parent\" data-id=\"9596861\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3ad9e6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f3ad9e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Haftung in der bAV Sektion f\u00fcr Elementor HTML Widget -->\n<style>\n  html, body {\n    overflow-x: hidden;\n    max-width: 100%;\n  }\n  \/* Alle Stile sind mit spezifischen Pr\u00e4fixen versehen und auf die Sektion beschr\u00e4nkt *\/\n  .bk-liability-section {\n    font-family: inherit; \/* \u00dcbernimmt die Schriftart der Website *\/\n    color: inherit; \/* \u00dcbernimmt die Textfarbe der Website *\/\n    position: relative;\n    padding: 5rem 0 4rem;\n    background-color: #f8f9fa; \/* Leicht grauer Hintergrund *\/\n    overflow: hidden;\n    \/* 40 Pixel mehr Abstand unten *\/\n    padding-bottom: calc(4rem + 40px);\n    \/* Full viewport width trick *\/\n    width: 100vw;\n    max-width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n  \n  \/* Alle Selektoren sind mit .bk-liability-section pr\u00e4fixiert, um globale Auswirkungen zu vermeiden *\/\n  .bk-liability-section * {\n    box-sizing: border-box;\n  }\n  \n  .bk-liability-section .bk-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 1rem;\n    \/* Erh\u00f6hter Abstand zum oberen Wellenrand von 10px auf 40px *\/\n    margin-top: 40px;\n  }\n  \n  \/* Wellen-Stile *\/\n  .bk-liability-section .bk-wave-top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    overflow: hidden;\n    line-height: 0;\n  }\n  \n  .bk-liability-section .bk-wave-svg {\n    width: 100%;\n    height: 80px;\n  }\n  \n  @media (max-width: 768px) {\n    \/* Reduzierter Abstand oben f\u00fcr mobile Ger\u00e4te *\/\n    .bk-liability-section {\n      padding: 3rem 0 3rem;\n      \/* 40 Pixel mehr Abstand unten auch auf mobilen Ger\u00e4ten *\/\n      padding-bottom: calc(3rem + 40px);\n    }\n    \n    \/* Kleinere Welle f\u00fcr mobile Ger\u00e4te *\/\n    .bk-liability-section .bk-wave-svg {\n      height: 40px;\n    }\n    \n    \/* Mehr Platz f\u00fcr den Inhalt auf mobilen Ger\u00e4ten *\/\n    .bk-liability-section .bk-container {\n      padding: 0 1.25rem;\n      \/* Auch auf mobilen Ger\u00e4ten mehr Abstand nach oben *\/\n      margin-top: 30px;\n    }\n    \n    \/* Verbesserte Lesbarkeit der \u00dcberschrift auf mobilen Ger\u00e4ten *\/\n    .bk-liability-section .bk-heading {\n      font-size: 1.75rem;\n      margin-bottom: 1.25rem;\n      line-height: 1.3;\n    }\n    \n    \/* Optimierte Bildgr\u00f6\u00dfe f\u00fcr mobile Ger\u00e4te *\/\n    .bk-liability-section .bk-image-container {\n      height: 12rem;\n      margin-bottom: 1.25rem;\n    }\n    \n    \/* Verbesserte Kartenansicht f\u00fcr mobile Ger\u00e4te *\/\n    .bk-liability-section .bk-card {\n      padding: 1rem;\n      margin-bottom: 0.75rem;\n      border-radius: 0.75rem;\n      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n    }\n    \n    \/* Kleinere Icons f\u00fcr bessere Proportionen auf mobilen Ger\u00e4ten *\/\n    .bk-liability-section .bk-icon {\n      width: 2.25rem;\n      height: 2.25rem;\n      margin-right: 0.75rem;\n    }\n    \n    .bk-liability-section .bk-icon svg {\n      width: 1.125rem;\n      height: 1.125rem;\n    }\n    \n    \/* Optimierte Textgr\u00f6\u00dfen f\u00fcr mobile Ger\u00e4te *\/\n    .bk-liability-section .bk-card-title {\n      font-size: 1.125rem;\n      margin-bottom: 0.2rem;\n    }\n    \n    .bk-liability-section .bk-text-sm {\n      font-size: 0.9375rem;\n      line-height: 1.4;\n    }\n    \n    .bk-liability-section .bk-text {\n      font-size: 1rem;\n      line-height: 1.5;\n      margin-bottom: 1.25rem;\n    }\n    \n    \/* Mehr Abstand zwischen den Spalten auf mobilen Ger\u00e4ten *\/\n    .bk-liability-section .bk-flex-row {\n      gap: 2rem;\n    }\n    \n    \/* Optimierte Unterkategorie-\u00dcberschrift *\/\n    .bk-liability-section .bk-subheading {\n      font-size: 1.375rem;\n      margin-bottom: 1rem;\n    }\n    \n    \/* Verbesserte Kartenlistenansicht *\/\n    .bk-liability-section .bk-card-list {\n      gap: 0.75rem;\n    }\n  }\n  \n  \/* Flexbox Layout *\/\n  .bk-liability-section .bk-flex-row {\n    display: flex;\n    flex-direction: column;\n    gap: 3rem;\n  }\n  \n  @media (min-width: 768px) {\n    .bk-liability-section .bk-flex-row {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n  }\n  \n  \/* Spalten *\/\n  .bk-liability-section .bk-col-half {\n    width: 100%;\n  }\n  \n  @media (min-width: 768px) {\n    .bk-liability-section .bk-col-half {\n      width: 50%;\n    }\n  }\n  \n  \/* \u00dcberschriften - spezifische Selektoren, um globale Stile nicht zu beeinflussen *\/\n  .bk-liability-section .bk-heading {\n    font-size: 1.875rem;\n    font-weight: 700;\n    margin-bottom: 1.5rem;\n    line-height: 1.2;\n    color: inherit; \/* \u00dcbernimmt die Textfarbe der Website *\/\n  }\n  \n  .bk-liability-section .bk-subheading {\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: inherit; \/* \u00dcbernimmt die Textfarbe der Website *\/\n  }\n  \n  .bk-liability-section .bk-card-title {\n    font-size: 1.25rem;\n    font-weight: 700;\n    margin-bottom: 0.25rem;\n    color: inherit; \/* \u00dcbernimmt die Textfarbe der Website *\/\n    line-height: 1.2;\n  }\n  \n  .bk-liability-section .bk-highlight {\n    color: #009484; \/* J\u00e4gergr\u00fcn (Hunter green) *\/\n  }\n  \n  \/* Text *\/\n  .bk-liability-section .bk-text {\n    font-size: 1.125rem;\n    line-height: 1.5;\n    margin-bottom: 1.5rem;\n    color: #6b7280;\n  }\n  \n  .bk-liability-section .bk-text-sm {\n    font-size: 1rem;\n    line-height: 1.5;\n    color: #6b7280;\n    margin-bottom: 0;\n  }\n  \n  \/* Bild *\/\n  .bk-liability-section .bk-image-container {\n    position: relative;\n    height: 16rem;\n    width: 100%;\n    border-radius: 0.5rem;\n    overflow: hidden;\n    margin-bottom: 1.5rem;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  \n  .bk-liability-section .bk-image-container:hover {\n    transform: scale(1.05);\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  }\n  \n  .bk-liability-section .bk-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  \n  \/* Karten *\/\n  .bk-liability-section .bk-card-list {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n  \n  .bk-liability-section .bk-card {\n    display: flex;\n    align-items: center;\n    padding: 0.75rem;\n    border-radius: 0.5rem;\n    transition: all 0.3s ease;\n    background-color: #ffffff;\n  }\n  \n  .bk-liability-section .bk-card:hover {\n    transform: scale(1.05);\n    background-color: #f9fafb;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  }\n  \n  \/* Icon *\/\n  .bk-liability-section .bk-icon {\n    width: 2.5rem;\n    height: 2.5rem;\n    background-color: #009484;\n    border-radius: 9999px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: 1rem;\n    flex-shrink: 0;\n    margin-top: 0;\n    transition: transform 0.3s ease;\n  }\n  \n  .bk-liability-section .bk-icon:hover {\n    transform: scale(1.1);\n  }\n  \n  .bk-liability-section .bk-icon svg {\n    width: 1.25rem;\n    height: 1.25rem;\n    color: white;\n  }\n  \n  .bk-liability-section .bk-card-content {\n    flex: 1;\n  }\n  \n  \/* Fazit-Stil *\/\n  .bk-liability-section .bk-fazit {\n    font-weight: 700;\n    color: #009484;\n    margin-bottom: 0.5rem;\n  }\n  \n  \/* Responsive Anpassungen *\/\n  @media (min-width: 768px) {\n    .bk-liability-section .bk-container {\n      padding: 0 2rem;\n    }\n    \n    .bk-liability-section .bk-heading {\n      font-size: 2.25rem;\n    }\n    \n    .bk-liability-section .bk-image-container {\n      height: 20rem;\n    }\n  }\n<\/style>\n\n<!-- Haftung in der bAV Sektion -->\n<section class=\"bk-liability-section\">\n  <!-- Welle oben -->\n  <div class=\"bk-wave-top\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" class=\"bk-wave-svg\">\n      <path \n        d=\"M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z\" \n        fill=\"#ffffff\" \n        opacity=\"1\"\n      ><\/path>\n    <\/svg>\n  <\/div>\n  \n  <div class=\"bk-container\">\n    <div class=\"bk-flex-row\">\n      <!-- Linke Spalte -->\n      <div class=\"bk-col-half\">\n        <h2 class=\"bk-heading\">Haftung in der bAV: <span class=\"bk-highlight\">Worauf Unternehmen achten m\u00fcssen<\/span><\/h2>\n        <p class=\"bk-text\">\n          Die betriebliche Altersversorgung (bAV) ist ein wichtiger Baustein f\u00fcr die <strong>Mitarbeiterzufriedenheit<\/strong> und <strong>-bindung<\/strong>, \n          birgt aber auch <strong>erhebliche Haftungsrisiken<\/strong> f\u00fcr Ihr Unternehmen. Arbeitgeber haften grunds\u00e4tzlich f\u00fcr die Erf\u00fcllung \n          der zugesagten Leistungen, auch wenn die Durchf\u00fchrung \u00fcber einen externen Versorgungstr\u00e4ger erfolgt. <strong>Fehlerhafte \n          Informationen<\/strong> oder <strong>mangelnde Transparenz<\/strong> k\u00f6nnen zu erheblichen finanziellen Sch\u00e4den f\u00fchren.\n        <\/p>\n        <div class=\"bk-image-container\">\n          <img decoding=\"async\" \n            src=\"https:\/\/hebbkx1anhila5yf.public.blob.vercel-storage.com\/bav_scetch.jpg-x202QYLTzOyCUPfvLPjxHrrQcJpG4p.jpeg\" \n            alt=\"Haftungsschutz in der bAV\"\n            class=\"bk-image\"\n          \/>\n        <\/div>\n        <p class=\"bk-text bk-fazit\">Fazit:<\/p>\n        <p class=\"bk-text\" style=\"margin-bottom: 0;\">\n          Eine <strong>sorgf\u00e4ltige Planung<\/strong>, <strong>transparente Kommunikation<\/strong> und eine <strong>professionelle Umsetzung<\/strong> der bAV sind entscheidend, \n          um Haftungsrisiken zu minimieren. Unternehmen sollten sich unbedingt <strong>umfassend beraten<\/strong> lassen und eine <strong>individuelle \n          Strategie<\/strong> entwickeln, um sowohl die Bed\u00fcrfnisse der Mitarbeiter als auch die eigenen Interessen zu ber\u00fccksichtigen.\n        <\/p>\n      <\/div>\n      \n      <!-- Rechte Spalte -->\n      <div class=\"bk-col-half\">\n        <h3 class=\"bk-subheading\">Wichtige Aspekte zur Vermeidung von Haftungsrisiken:<\/h3>\n        \n        <div class=\"bk-card-list\">\n          <!-- Karte 1 -->\n          <div class=\"bk-card\">\n            <div class=\"bk-icon\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\n              <\/svg>\n            <\/div>\n            <div class=\"bk-card-content\">\n              <h4 class=\"bk-card-title\">Klare Regelungen<\/h4>\n              <p class=\"bk-text-sm\">\n                Eine <strong>professionelle Versorgungsordnung<\/strong> ist unerl\u00e4sslich, um alle Aspekte der bAV im Unternehmen zu regeln. \n                Sie schafft <strong>Rechtssicherheit<\/strong> f\u00fcr alle Beteiligten und <strong>minimiert Haftungsrisiken<\/strong> des Arbeitgebers.\n              <\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- Karte 2 -->\n          <div class=\"bk-card\">\n            <div class=\"bk-icon\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z\" \/>\n              <\/svg>\n            <\/div>\n            <div class=\"bk-card-content\">\n              <h4 class=\"bk-card-title\">Umfassende Information<\/h4>\n              <p class=\"bk-text-sm\">\n                Arbeitgeber sind <strong>verpflichtet<\/strong>, ihre Mitarbeiter <strong>verst\u00e4ndlich und umfassend<\/strong> \u00fcber die bAV zu informieren, \n                insbesondere \u00fcber die Durchf\u00fchrungswege, Zusagearten, und angebotenen Leistungen. <strong>M\u00fcndliche Informationen reichen nicht aus<\/strong>.\n              <\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- Karte 3 -->\n          <div class=\"bk-card\">\n            <div class=\"bk-icon\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\" \/>\n              <\/svg>\n            <\/div>\n            <div class=\"bk-card-content\">\n              <h4 class=\"bk-card-title\">Dokumentation<\/h4>\n              <p class=\"bk-text-sm\">\n                Alle Vereinbarungen und Entscheidungen zur bAV sollten <strong>schriftlich dokumentiert<\/strong> werden. Dies dient als <strong>Nachweis \n                f\u00fcr die Erf\u00fcllung der Informationspflichten<\/strong> und sichert die Anspr\u00fcche der Mitarbeiter.\n              <\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- Karte 4 -->\n          <div class=\"bk-card\">\n            <div class=\"bk-icon\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n              <\/svg>\n            <\/div>\n            <div class=\"bk-card-content\">\n              <h4 class=\"bk-card-title\">Entgeltumwandlung<\/h4>\n              <p class=\"bk-text-sm\">\n                Bei der Entgeltumwandlung ist der Arbeitgeber verpflichtet, \u00fcber <strong>alle von ihm beeinflussbaren Faktoren aufzukl\u00e4ren<\/strong>. \n                Dies beinhaltet auch Informationen \u00fcber die <strong>Auswirkungen auf die Sozialversicherung<\/strong>.\n              <\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- Karte 5 -->\n          <div class=\"bk-card\">\n            <div class=\"bk-icon\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" \/>\n              <\/svg>\n            <\/div>\n            <div class=\"bk-card-content\">\n              <h4 class=\"bk-card-title\">Sonderf\u00e4lle beachten<\/h4>\n              <p class=\"bk-text-sm\">\n                Bei <strong>beherrschenden Gesellschafter-Gesch\u00e4ftsf\u00fchrern (GGF)<\/strong> gelten besondere Anforderungen an die Pensionszusage. \n                Bei <strong>Betriebs\u00fcberg\u00e4ngen<\/strong> m\u00fcssen Informationspflichten erf\u00fcllt und Anspr\u00fcche gesichert werden.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90c5d33 e-con-full e-flex e-con e-parent\" data-id=\"90c5d33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd60ac7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fd60ac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Modernes Ansprechpartner Widget f\u00fcr Elementor HTML Widget -->\n<style>\n  \/* F\u00fcge diese Regel am Anfang des Stylesheets hinzu, um horizontales Scrollen zu verhindern *\/\n  html, body {\n    overflow-x: hidden;\n    max-width: 100%;\n  }\n\n  \/* Grundlegende Styles *\/\n  .bav-team-section {\n    position: relative;\n    padding: 5rem 0;\n    background-color: #f8f9fa; \/* Hintergrundfarbe *\/\n    overflow: hidden;\n    \/* Full viewport width trick *\/\n    width: 100vw;\n    max-width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n\n  .bav-team-section * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  \/* Hauptbildbereich *\/\n  .bav-team-section .bav-image-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: url('https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/hamburg_accaris.jpg');\n    background-size: cover;\n    background-position: center;\n    z-index: 1;\n  }\n  \n  \/* Overlay f\u00fcr bessere Lesbarkeit - von 0.6 auf 0.53 reduziert (7% heller) *\/\n  .bav-team-section .bav-image-background::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.53); \/* Von 0.6 auf 0.53 reduziert f\u00fcr 7% helleren Hintergrund *\/\n    z-index: 1;\n  }\n  \n  \/* Wellen\u00fcbergang oben *\/\n  .bav-team-section .bav-wave-top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 2;\n  }\n  \n  \/* Wellen\u00fcbergang unten - Anpassung f\u00fcr nahtlosen \u00dcbergang *\/\n  .bav-team-section .bav-wave-bottom {\n    position: absolute;\n    bottom: -2px; \/* Leicht \u00fcberlappend, um L\u00fccken zu vermeiden *\/\n    left: 0;\n    width: 100%;\n    z-index: 2;\n    line-height: 0; \/* Verhindert unerw\u00fcnschte Abst\u00e4nde *\/\n  }\n  \n  \/* SVG-Welle *\/\n  .bav-team-section .bav-wave-svg {\n    display: block;\n    width: 100%;\n    height: auto;\n    vertical-align: bottom; \/* Verhindert L\u00fccken am unteren Rand *\/\n  }\n\n  .bav-team-section .bav-container {\n    position: relative;\n    z-index: 3; \/* H\u00f6herer z-index als das Overlay *\/\n    width: 100%;\n    max-width: 1400px; \/* Erh\u00f6hte maximale Breite von 1200px auf 1400px *\/\n    margin: 0 auto;\n    padding: 0 2rem;\n    padding-top: 180px; \/* Erh\u00f6ht von 120px auf 180px f\u00fcr mehr Abstand nach oben *\/\n  }\n  \n  \/* \u00dcberschriften *\/\n  .bav-team-section .bav-heading-container {\n    text-align: center;\n    margin-bottom: 4rem;\n    position: relative;\n    margin-top: 0; \/* Entfernt den zus\u00e4tzlichen Abstand \u00fcber der \u00dcberschrift *\/\n  }\n  \n  .bav-team-section .bav-heading {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 2.75rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    color: #ffffff;\n    line-height: 1.2;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .bav-team-section .bav-heading .bav-highlight {\n    color: #feeb35; \/* Gelbe Akzentfarbe *\/\n    position: relative;\n  }\n  \n  \/* Moderner Unterstrich mit Farbverlauf *\/\n  .bav-team-section .bav-heading::after {\n    content: '';\n    position: absolute;\n    bottom: -0.75rem;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 4px;\n    background: linear-gradient(90deg, #009484 0%, #feeb35 100%);\n    border-radius: 2px;\n  }\n  \n  .bav-team-section .bav-subheading {\n    font-size: 1.25rem;\n    max-width: 800px;\n    margin: 0 auto;\n    color: rgba(255, 255, 255, 0.9);\n    line-height: 1.6;\n  }\n  \n  \/* Team-Mitglieder Grid *\/\n  .bav-team-section .bav-team-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* Feste 2-Spalten-Ansicht *\/\n    gap: 5rem; \/* Erh\u00f6hter Abstand zwischen den Karten von 3rem auf 5rem *\/\n    margin-top: 2rem;\n    max-width: 1200px; \/* Maximale Breite f\u00fcr das Grid *\/\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  \/* Team-Mitglied Karte *\/\n  .bav-team-section .bav-team-member {\n    position: relative;\n    border-radius: 1rem;\n    overflow: hidden;\n    background-color: #ffffff;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    display: flex;\n    flex-direction: column;\n    max-width: 450px; \/* Maximale Breite f\u00fcr jede Karte *\/\n    margin: 0 auto; \/* Zentriert die Karten *\/\n    width: 100%;\n  }\n  \n  .bav-team-section .bav-team-member:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\n  }\n  \n  \/* Farbiger Akzent am oberen Rand *\/\n  .bav-team-section .bav-team-member::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    background: linear-gradient(90deg, #009484 0%, #feeb35 100%);\n    z-index: 1;\n  }\n  \n  \/* Bild-Container *\/\n  .bav-team-section .bav-member-image-container {\n    width: 100%;\n    height: auto;\n    position: relative;\n    overflow: hidden;\n    max-height: 300px; \/* Begrenzt die H\u00f6he der Bilder *\/\n  }\n  \n  .bav-team-section .bav-member-image {\n    width: 100%;\n    height: auto;\n    object-fit: cover; \/* \u00c4ndert zu cover, um das Bild zu beschneiden *\/\n    object-position: center top; \/* Zeigt den oberen Teil des Bildes *\/\n    transition: transform 0.6s ease;\n    display: block;\n    max-height: 300px; \/* Begrenzt die H\u00f6he der Bilder *\/\n  }\n  \n  .bav-team-section .bav-team-member:hover .bav-member-image {\n    transform: scale(1.05);\n  }\n  \n  \/* Overlay mit Farbverlauf *\/\n  .bav-team-section .bav-member-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 30%; \/* Reduzierte H\u00f6he des Overlays *\/\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    opacity: 0.7;\n    transition: opacity 0.3s ease;\n  }\n  \n  .bav-team-section .bav-team-member:hover .bav-member-overlay {\n    opacity: 0.9;\n  }\n  \n  \/* Inhalt *\/\n  .bav-team-section .bav-member-content {\n    padding: 1.75rem;\n    background-color: #ffffff;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .bav-team-section .bav-member-name {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 0.25rem;\n    color: #4b4b4b;\n    transition: color 0.3s ease;\n  }\n  \n  .bav-team-section .bav-team-member:hover .bav-member-name {\n    color: #009484;\n  }\n  \n  .bav-team-section .bav-member-position {\n    font-size: 1.125rem;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    color: #009484;\n  }\n  \n  .bav-team-section .bav-member-description {\n    font-size: 1rem;\n    line-height: 1.6;\n    color: #6b7280;\n    margin-bottom: 0;\n  }\n  \n  \/* CTA Button Styles *\/\n  .bav-team-section .bav-cta-container {\n    text-align: center;\n    margin-top: 3rem;\n    margin-bottom: 1rem;\n  }\n  \n  .bav-team-section .bav-cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #feeb35;\n    color: #333;\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.25rem;\n    font-weight: normal; \/* Schrift nicht fett *\/\n    padding: 1rem 2rem;\n    border-radius: 1rem;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    max-width: 400px;\n    margin: 0 auto;\n  }\n  \n  .bav-team-section .bav-cta-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n  }\n  \n  .bav-team-section .bav-cta-button .bav-arrow {\n    margin-left: 0.5rem;\n    font-size: 1.25rem;\n  }\n  \n  \/* Kontakt-Buttons *\/\n  .bav-team-section .bav-member-contact {\n    display: none;\n  }\n  \n  \/* Responsive Anpassungen *\/\n  @media (max-width: 991px) {\n    .bav-team-section .bav-heading {\n      font-size: 2.5rem;\n    }\n    \n    .bav-team-section .bav-subheading {\n      font-size: 1.125rem;\n    }\n    \n    .bav-team-section .bav-team-grid {\n      gap: 3rem; \/* Reduzierter Abstand auf Tablets *\/\n    }\n    \n    .bav-team-section .bav-cta-button {\n      font-size: 1.125rem;\n      padding: 0.875rem 1.75rem;\n    }\n  }\n  \n  @media (max-width: 767px) {\n    .bav-team-section {\n      padding: 4rem 0;\n    }\n    \n    .bav-team-section .bav-container {\n      padding: 0 1.5rem;\n      padding-top: 120px; \/* Angepasster Abstand f\u00fcr mobile Ger\u00e4te *\/\n    }\n    \n    .bav-team-section .bav-heading-container {\n      margin-bottom: 3rem;\n      margin-top: 0; \/* Kein zus\u00e4tzlicher Abstand auf mobilen Ger\u00e4ten *\/\n    }\n    \n    .bav-team-section .bav-heading {\n      font-size: 2.25rem;\n    }\n    \n    .bav-team-section .bav-team-grid {\n      grid-template-columns: 1fr; \/* Eine Spalte auf mobilen Ger\u00e4ten *\/\n      gap: 2.5rem; \/* Reduzierter Abstand auf mobilen Ger\u00e4ten *\/\n    }\n    \n    .bav-team-section .bav-member-image-container {\n      max-height: 250px; \/* Reduzierte H\u00f6he auf mobilen Ger\u00e4ten *\/\n    }\n  \n    .bav-team-section .bav-member-image {\n      max-height: 250px; \/* Reduzierte H\u00f6he auf mobilen Ger\u00e4ten *\/\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .bav-team-section .bav-heading {\n      font-size: 2rem;\n    }\n    \n    .bav-team-section .bav-cta-button {\n      width: 100%;\n      font-size: 1rem;\n      padding: 0.875rem 1.5rem;\n    }\n  }\n  \n  \/* Anpassung f\u00fcr breitere Bildschirme *\/\n  @media (min-width: 1600px) {\n    .bav-team-section .bav-image-background {\n      \/* Verbesserte Hintergrundbildanzeige f\u00fcr breite Bildschirme *\/\n      background-position: center 30%; \/* Leicht nach oben verschoben *\/\n      filter: brightness(1.07); \/* Angepasste Helligkeit - von 1.0 auf 1.07 erh\u00f6ht f\u00fcr helleres Bild *\/\n    }\n    \n    \/* Zus\u00e4tzliche Anpassung f\u00fcr das Overlay auf breiten Bildschirmen *\/\n    .bav-team-section .bav-image-background::before {\n      background-color: rgba(0, 0, 0, 0.43); \/* Von 0.5 auf 0.43 reduziert f\u00fcr helleren Hintergrund *\/\n    }\n    \n    \/* Angepasster Abstand nach oben f\u00fcr breite Bildschirme *\/\n    .bav-team-section .bav-container {\n      padding-top: 200px; \/* Erh\u00f6ht f\u00fcr breite Bildschirme *\/\n    }\n  }\n<\/style>\n\n<section class=\"bav-team-section\">\n  <!-- Hintergrundbild mit Overlay -->\n  <div class=\"bav-image-background\"><\/div>\n  \n  <!-- Wellen\u00fcbergang oben -->\n  <div class=\"bav-wave-top\">\n    <svg class=\"bav-wave-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 140\" preserveAspectRatio=\"none\">\n      <path fill=\"#f8f9fa\" d=\"M0,128L80,117.3C160,107,320,85,480,90.7C640,96,800,128,960,128C1120,128,1280,96,1360,80L1440,64L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z\"><\/path>\n    <\/svg>\n  <\/div>\n  \n  <!-- Wellen\u00fcbergang unten - Angepasst f\u00fcr nahtlosen \u00dcbergang -->\n  <div class=\"bav-wave-bottom\">\n    <svg class=\"bav-wave-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 140\" preserveAspectRatio=\"none\">\n      <path fill=\"#f8f9fa\" d=\"M0,64L80,80C160,96,320,128,480,128C640,128,800,96,960,90.7C1120,85,1280,107,1360,117.3L1440,128L1440,140L1360,140C1280,140,1120,140,960,140C800,140,640,140,480,140C320,140,160,140,80,140L0,140Z\"><\/path>\n    <\/svg>\n  <\/div>\n  \n  <div class=\"bav-container\">\n    <!-- \u00dcberschrift -->\n    <div class=\"bav-heading-container\">\n      <h2 class=\"bav-heading\">Ihre <span class=\"bav-highlight\">Ansprechpartner<\/span><\/h2>\n      <p class=\"bav-subheading\">Ihre Ansprechpartner f\u00fcr eine bAV, die wirklich zu Ihnen passt \u2013 kompetent, zuverl\u00e4ssig, pers\u00f6nlich.<\/p>\n    <\/div>\n    \n    <!-- Team-Mitglieder Grid -->\n    <div class=\"bav-team-grid\">\n      <!-- Christoph Spahl -->\n      <div class=\"bav-team-member\">\n        <div class=\"bav-member-image-container\">\n          <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/Arme-zusammengelegt.jpg\" alt=\"Christoph Spahl\" class=\"bav-member-image\">\n          <div class=\"bav-member-overlay\"><\/div>\n        <\/div>\n        <div class=\"bav-member-content\">\n          <h3 class=\"bav-member-name\">Christoff Spahl<\/h3>\n          <p class=\"bav-member-position\">Vorstand<\/p>\n          <p class=\"bav-member-description\">\n            Experte f\u00fcr betriebliche Altersvorsorge mit langj\u00e4hriger Erfahrung in der strategischen Beratung von Unternehmen.\n          <\/p>\n        <\/div>\n      <\/div>\n      \n      <!-- David Klevesahl -->\n      <div class=\"bav-team-member\">\n        <div class=\"bav-member-image-container\">\n          <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/DSC01385.jpg\" alt=\"David Klevesahl\" class=\"bav-member-image\">\n          <div class=\"bav-member-overlay\"><\/div>\n        <\/div>\n        <div class=\"bav-member-content\">\n          <h3 class=\"bav-member-name\">David Klevesahl<\/h3>\n          <p class=\"bav-member-position\">Leiter Strategieberatung<\/p>\n          <p class=\"bav-member-description\">\n            Spezialist f\u00fcr digitale bAV-L\u00f6sungen und moderne Beratungskonzepte f\u00fcr zukunftsorientierte Unternehmen.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- CTA Button Container -->\n    <div class=\"bav-cta-container\">\n      <a href=\"https:\/\/outlook.office.com\/book\/DavidKlevesahl@Apdim.onmicrosoft.com\/?ismsaljsauthenabled\" class=\"bav-cta-button\">\n        Jetzt Termin vereinbaren <span class=\"bav-arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98b39d3 e-con-full e-flex e-con e-parent\" data-id=\"98b39d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0df9e8f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0df9e8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Zitat-Sektion f\u00fcr Elementor HTML Widget -->\n<style>\n  \/* F\u00fcge diese Regel am Anfang des Stylesheets hinzu, um horizontales Scrollen zu verhindern *\/\n  html, body {\n    overflow-x: hidden;\n    max-width: 100%;\n  }\n\n  \/* Alle Stile sind mit spezifischen Pr\u00e4fixen versehen und auf die Sektion beschr\u00e4nkt *\/\n  .bk-quote-section {\n    color: inherit; \/* \u00dcbernimmt die Textfarbe der Website *\/\n    padding: 5rem 0;\n    background-color: #f8f9fa;\n    position: relative;\n    overflow: hidden;\n    \/* Full viewport width trick *\/\n    width: 100vw;\n    max-width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n  \n  .bk-quote-section * {\n    box-sizing: border-box;\n  }\n  \n  .bk-quote-section .bk-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 1rem;\n    position: relative;\n    z-index: 2;\n  }\n  \n  .bk-quote-section .bk-quote-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    position: relative;\n    padding: 3rem 2rem;\n    background-color: white;\n    border-radius: 0.5rem;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\n    transition: transform 0.3s ease, box-shadow 0.3s ease; \/* Transition f\u00fcr Hover-Effekt *\/\n  }\n  \n  \/* Hover-Effekt f\u00fcr die Zitat-Box *\/\n  .bk-quote-section .bk-quote-container:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n  }\n  \n  \/* Anf\u00fchrungszeichen *\/\n  .bk-quote-section .bk-quote-mark {\n    font-family: 'Georgia', serif;\n    font-size: 6rem;\n    line-height: 1;\n    color: #009484; \/* J\u00e4gergr\u00fcn (Hunter green) *\/\n    opacity: 0.2;\n    position: absolute;\n    top: 1rem;\n    left: 2rem;\n  }\n  \n  \/* Zitat-Text *\/\n  .bk-quote-section .bk-quote-text {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.5rem;\n    font-weight: 500;\n    line-height: 1.5;\n    margin-bottom: 2rem;\n    position: relative;\n    z-index: 1;\n    max-width: 800px;\n  }\n  \n  .bk-quote-section .bk-highlight {\n    color: #009484; \/* J\u00e4gergr\u00fcn (Hunter green) *\/\n    font-weight: 700;\n  }\n  \n  \/* Autor-Bereich *\/\n  .bk-quote-section .bk-author-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .bk-quote-section .bk-author-image {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-bottom: 1rem;\n    border: 3px solid #009484; \/* J\u00e4gergr\u00fcn (Hunter green) *\/\n  }\n  \n  .bk-quote-section .bk-author-name {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.25rem;\n    font-weight: 700;\n    margin-bottom: 0.25rem;\n    color: inherit;\n  }\n  \n  .bk-quote-section .bk-author-title {\n    font-family: Arial, sans-serif;\n    font-size: 1rem;\n    color: #6b7280;\n    margin-bottom: 0.5rem;\n  }\n  \n  \/* Statistiken *\/\n  .bk-quote-section .bk-stats-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 2rem;\n    margin-top: 3rem;\n    width: 100%;\n  }\n  \n  .bk-quote-section .bk-stat-item {\n    flex: 1;\n    min-width: 200px;\n    max-width: 300px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n  \n  .bk-quote-section .bk-stat-number {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #009484; \/* J\u00e4gergr\u00fcn (Hunter green) *\/\n    margin-bottom: 0.5rem;\n    line-height: 1;\n  }\n  \n  .bk-quote-section .bk-stat-text {\n    font-family: Arial, sans-serif;\n    font-size: 0.9375rem;\n    line-height: 1.4;\n    color: inherit;\n  }\n  \n  \/* Responsive Anpassungen *\/\n  @media (min-width: 768px) {\n    .bk-quote-section .bk-container {\n      padding: 0 2rem;\n    }\n    \n    .bk-quote-section .bk-quote-container {\n      padding: 4rem 3rem;\n    }\n    \n    .bk-quote-section .bk-quote-text {\n      font-size: 1.75rem;\n    }\n    \n    .bk-quote-section .bk-author-container {\n      flex-direction: row;\n      align-items: center;\n    }\n    \n    .bk-quote-section .bk-author-image {\n      margin-bottom: 0;\n      margin-right: 1.5rem;\n    }\n    \n    .bk-quote-section .bk-author-info {\n      text-align: left;\n    }\n  }\n<\/style>\n\n<!-- Zitat-Sektion -->\n<section class=\"bk-quote-section\">\n  <div class=\"bk-container\">\n    <div class=\"bk-quote-container\">\n      <span class=\"bk-quote-mark\">\"<\/span>\n      \n      <p class=\"bk-quote-text\">\n        Unser Erfolg basiert auf einem einfachen Prinzip: Wir kombinieren unsere <span class=\"bk-highlight\">eigenen St\u00e4rken<\/span> mit denen marktf\u00fchrender Dienstleister in unserem Netzwerk. So schaffen wir f\u00fcr unsere Kunden einen <span class=\"bk-highlight\">echten Mehrwert<\/span>, der weit \u00fcber das hinausgeht, was einzelne Anbieter leisten k\u00f6nnen.\n      <\/p>\n      \n      <div class=\"bk-author-container\">\n        <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/csphal_quadratisch.jpg\" alt=\"Christoph Spahl\" class=\"bk-author-image\">\n        <div class=\"bk-author-info\">\n          <h3 class=\"bk-author-name\">Christoff Spahl<\/h3>\n          <p class=\"bk-author-title\">Vorstand, accaris financial planning AG<\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"bk-stats-container\">\n        <div class=\"bk-stat-item\">\n          <span class=\"bk-stat-number\">30.000+<\/span>\n          <p class=\"bk-stat-text\">Kunden und Auftraggeber, die mehr als \u20ac 60 Mio. j\u00e4hrlich an Beitr\u00e4gen zahlen<\/p>\n        <\/div>\n        \n        <div class=\"bk-stat-item\">\n          <span class=\"bk-stat-number\">60+<\/span>\n          <p class=\"bk-stat-text\">Mitarbeitende mit \u00fcberdurchschnittlicher Betriebszugeh\u00f6rigkeit<\/p>\n        <\/div>\n        \n        <div class=\"bk-stat-item\">\n          <span class=\"bk-stat-number\">#1<\/span>\n          <p class=\"bk-stat-text\">Netzwerk marktf\u00fchrender Dienstleister f\u00fcr optimale L\u00f6sungen<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e4b5f8 e-con-full e-flex e-con e-parent\" data-id=\"7e4b5f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebf919d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ebf919d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Wer empfiehlt die Finanzfamilie? Sektion f\u00fcr Elementor HTML Widget -->\n<style>\n  \/* F\u00fcge diese Regel am Anfang des Stylesheets hinzu, um horizontales Scrollen zu verhindern *\/\n  html, body {\n    overflow-x: hidden;\n    max-width: 100%;\n  }\n\n  \/* Alle Stile sind mit spezifischen Pr\u00e4fixen versehen und auf die Sektion beschr\u00e4nkt *\/\n  .bk-testimonials-section {\n    color: inherit; \/* \u00dcbernimmt die Textfarbe der Website *\/\n    padding: 5rem 0 7rem; \/* Erh\u00f6htes Padding unten f\u00fcr mehr Abstand zur Welle *\/\n    background-color: #f9fafb;\n    position: relative;\n    overflow: hidden;\n    \/* Full viewport width trick *\/\n    width: 100vw;\n    max-width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n  \n  \/* Alle Selektoren sind mit .bk-testimonials-section pr\u00e4fixiert, um globale Auswirkungen zu vermeiden *\/\n  .bk-testimonials-section * {\n    box-sizing: border-box;\n  }\n  \n  .bk-testimonials-section .bk-container {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 1rem;\n    position: relative;\n    z-index: 2;\n  }\n  \n  \/* Welle unten *\/\n  .bk-testimonials-section .bk-wave-bottom {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    overflow: hidden;\n    line-height: 0;\n    transform: rotate(180deg);\n  }\n  \n  .bk-testimonials-section .bk-wave-svg {\n    width: 100%;\n    height: 80px;\n  }\n  \n  @media (max-width: 768px) {\n    .bk-testimonials-section .bk-wave-svg {\n      height: 60px;\n    }\n  }\n  \n  \/* \u00dcberschriften mit Noir Pro *\/\n  .bk-testimonials-section .bk-heading {\n    font-family: 'Noir Pro', sans-serif; \/* Noir Pro f\u00fcr \u00dcberschriften *\/\n    font-size: 1.875rem;\n    font-weight: 700;\n    text-align: center;\n    margin-bottom: 3rem; \/* Erh\u00f6hter Abstand nach der \u00dcberschrift *\/\n    line-height: 1.2;\n    color: inherit;\n  }\n  \n  .bk-testimonials-section .bk-highlight {\n    color: #009484; \/* J\u00e4gergr\u00fcn (Hunter green) *\/\n  }\n  \n  \/* Logo-Grid f\u00fcr Tablets und Desktop *\/\n  .bk-testimonials-section .bk-logo-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1.5rem;\n    align-items: stretch;\n    margin-bottom: 2rem; \/* Zus\u00e4tzlicher Abstand nach unten *\/\n  }\n  \n  \/* Mobile Slider f\u00fcr Logos *\/\n  @media (max-width: 639px) {\n    .bk-testimonials-section .bk-logo-grid {\n      display: flex;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      scroll-behavior: smooth;\n      -webkit-overflow-scrolling: touch;\n      gap: 0.75rem;\n      padding: 0.5rem 0.5rem 1.5rem 0.5rem;\n      margin-bottom: 1rem;\n      \/* Verstecke die Scrollbar, aber behalte die Funktionalit\u00e4t *\/\n      scrollbar-width: none; \/* Firefox *\/\n      -ms-overflow-style: none; \/* IE and Edge *\/\n    }\n    \n    .bk-testimonials-section .bk-logo-grid::-webkit-scrollbar {\n      display: none; \/* Chrome, Safari, Opera *\/\n    }\n    \n    .bk-testimonials-section .bk-logo-card {\n      flex: 0 0 auto;\n      width: 45%; \/* Breite der Karten im Slider - zeigt 2 Logos nebeneinander *\/\n      scroll-snap-align: center;\n      margin-right: 0.5rem;\n      height: 110px; \/* Kleinere H\u00f6he f\u00fcr mobile Ger\u00e4te *\/\n      padding: 1rem; \/* Reduziertes Padding f\u00fcr mobile Ger\u00e4te *\/\n    }\n    \n    .bk-testimonials-section .bk-logo {\n      height: 60px; \/* Kleinere Logoh\u00f6he f\u00fcr mobile Ger\u00e4te *\/\n      max-width: 120px; \/* Begrenzte Breite f\u00fcr mobile Ger\u00e4te *\/\n    }\n    \n    \/* Auto-Scroll Animation f\u00fcr den Slider *\/\n    .bk-testimonials-section .bk-logo-slider {\n      display: flex;\n      animation: scrollLogos 30s linear infinite;\n      width: max-content;\n    }\n    \n    @keyframes scrollLogos {\n      0% {\n        transform: translateX(0);\n      }\n      100% {\n        transform: translateX(calc(-100% + 100vw));\n      }\n    }\n  }\n  \n  @media (min-width: 640px) {\n    .bk-testimonials-section .bk-logo-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    \n    \/* Verstecke den Slider auf gr\u00f6\u00dferen Ger\u00e4ten *\/\n    .bk-testimonials-section .bk-logo-slider {\n      display: none;\n    }\n  }\n  \n  @media (min-width: 768px) {\n    .bk-testimonials-section .bk-logo-grid {\n      grid-template-columns: repeat(4, 1fr);\n    }\n  }\n  \n  \/* Logo-Karten *\/\n  .bk-testimonials-section .bk-logo-card {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 2rem;\n    background-color: white;\n    border-radius: 0.5rem;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    height: 180px; \/* Feste H\u00f6he f\u00fcr einheitliche Karten *\/\n  }\n  \n  .bk-testimonials-section .bk-logo-card:hover {\n    transform: scale(1.03);\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  }\n  \n  .bk-testimonials-section .bk-logo {\n    width: 100%;\n    max-width: 180px;\n    height: 100px; \/* Feste H\u00f6he f\u00fcr einheitliche Logos *\/\n    object-fit: contain; \/* Beh\u00e4lt Proportionen bei *\/\n    object-position: center; \/* Zentriert das Logo *\/\n  }\n  \n  \/* Responsive Anpassungen *\/\n  @media (min-width: 768px) {\n    .bk-testimonials-section .bk-container {\n      padding: 0 2rem;\n    }\n    \n    .bk-testimonials-section .bk-heading {\n      font-size: 2.25rem;\n    }\n    \n    .bk-testimonials-section {\n      padding: 5rem 0 8rem; \/* Noch mehr Abstand unten auf gr\u00f6\u00dferen Bildschirmen *\/\n    }\n  }\n<\/style>\n\n<!-- Wer empfiehlt die Finanzfamilie? Sektion -->\n<section class=\"bk-testimonials-section\">\n  \n  <div class=\"bk-container\">\n    <h2 class=\"bk-heading\">Wer empfiehlt die <span class=\"bk-highlight\">Finanzfamilie?<\/span><\/h2>\n    \n    <!-- Desktop und Tablet Grid \/ Mobiler Slider (gleiche Struktur f\u00fcr beide) -->\n    <div class=\"bk-logo-grid\">\n      <!-- Logos mit Verlinkungen -->\n      <a href=\"https:\/\/asb-sh.de\/\" target=\"_blank\" class=\"bk-logo-card\">\n        <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/asb-SH.jpeg\" alt=\"ASB SH\" class=\"bk-logo\">\n      <\/a>\n      <a href=\"https:\/\/www.bgbau.de\/\" target=\"_blank\" class=\"bk-logo-card\">\n        <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/BGbau.jpg\" alt=\"BG Bau\" class=\"bk-logo\">\n      <\/a>\n      <a href=\"https:\/\/mbit-officesystems.de\/\" target=\"_blank\" class=\"bk-logo-card\">\n        <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/mbit.jpg\" alt=\"mBit\" class=\"bk-logo\">\n      <\/a>\n      <a href=\"https:\/\/www.kontora.com\/\" target=\"_blank\" class=\"bk-logo-card\">\n        <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/2017_03_30_Logo-mit-Slogan.jpg\" alt=\"Kontora\" class=\"bk-logo\">\n      <\/a>\n      <a href=\"https:\/\/dierkes-partner.de\/\" target=\"_blank\" class=\"bk-logo-card\">\n        <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/cropped-Dierkes_Partner_LOGO_positiv.png\" alt=\"Dierkes & Partner\" class=\"bk-logo\">\n      <\/a>\n      <a href=\"https:\/\/www.stoeben.de\/\" target=\"_blank\" class=\"bk-logo-card\">\n        <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/Otto-Stoben.jpg\" alt=\"Otto St\u00f6ben\" class=\"bk-logo\">\n      <\/a>\n      <a href=\"https:\/\/www.krebsgruppe.de\/\" target=\"_blank\" class=\"bk-logo-card\">\n        <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/Krebs-Unternehmensgruppe.png\" alt=\"Krebs Unternehmensgruppe\" class=\"bk-logo\">\n      <\/a>\n      <a href=\"https:\/\/akademie-fuer-finanzberatung.de\/\" target=\"_blank\" class=\"bk-logo-card\">\n        <img decoding=\"async\" src=\"https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/GOING_PUBLIC_Logo.jpg\" alt=\"Going Public\" class=\"bk-logo\">\n      <\/a>\n    <\/div>\n  <\/div>\n  \n  <!-- Welle unten -->\n  <div class=\"bk-wave-bottom\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" class=\"bk-wave-svg\">\n      <path \n        d=\"M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z\" \n        fill=\"#ffffff\" \n        opacity=\"1\"\n      ><\/path>\n    <\/svg>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-764460b e-con-full e-flex e-con e-parent\" data-id=\"764460b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-372987a elementor-widget elementor-widget-html\" data-id=\"372987a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Familienmitglieder und CTA Sektion f\u00fcr Elementor HTML Widget -->\n<style>\n  \/* F\u00fcge diese Regel am Anfang des Stylesheets hinzu, um horizontales Scrollen zu verhindern *\/\n  html, body {\n    overflow-x: hidden;\n    max-width: 100%;\n  }\n\n  \/* Alle Stile sind mit spezifischen Pr\u00e4fixen versehen und auf die Sektion beschr\u00e4nkt *\/\n  .bk-family-section {\n    color: inherit; \/* \u00dcbernimmt die Textfarbe der Website *\/\n    padding: 5rem 0 0;\n    background-color: transparent;\n    position: relative;\n    overflow: visible;\n    \/* Full viewport width trick *\/\n    width: 100vw;\n    max-width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n  \n  .bk-family-section * {\n    box-sizing: border-box;\n  }\n  \n  .bk-family-section .bk-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 1rem;\n    position: relative;\n    z-index: 2;\n  }\n  \n  \/* Flexbox Layout *\/\n  .bk-family-section .bk-flex-row {\n    display: flex;\n    flex-direction: column;\n    gap: 2rem;\n    align-items: flex-start;\n    margin-bottom: 4rem;\n  }\n  \n  @media (min-width: 768px) {\n    .bk-family-section .bk-flex-row {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n  }\n  \n  \/* Spalten *\/\n  .bk-family-section .bk-col-half {\n    width: 100%;\n  }\n  \n  @media (min-width: 768px) {\n    .bk-family-section .bk-col-half {\n      width: 50%;\n    }\n  }\n  \n  \/* \u00dcberschriften mit Noir Pro *\/\n  .bk-family-section .bk-heading {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.875rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    line-height: 1.2;\n    color: inherit;\n  }\n  \n  .bk-family-section .bk-subheading {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 2rem;\n    color: inherit;\n  }\n  \n  .bk-family-section .bk-highlight {\n    color: #009484; \/* J\u00e4gergr\u00fcn (Hunter green) *\/\n  }\n  \n  \/* Bild *\/\n  .bk-family-section .bk-image-container {\n    width: 100%;\n    background-color: transparent;\n    overflow: visible;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    margin-top: -1.875rem;\n  }\n  \n  .bk-family-section .bk-image {\n    width: auto;\n    height: auto;\n    object-fit: contain;\n    transition: none; \/* Entfernt alle \u00dcbergangseffekte *\/\n    transform: none; \/* Entfernt alle Transformationseffekte *\/\n  }\n  \n  \/* Explizit Hover-Effekte f\u00fcr das Bild entfernen *\/\n  .bk-family-section .bk-image:hover {\n    transform: none;\n    filter: none;\n    opacity: 1;\n    box-shadow: none;\n  }\n  \n  \/* Familienmitglieder Liste *\/\n  .bk-family-section .bk-family-list {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n    margin-top: 1.5rem;\n  }\n  \n  .bk-family-section .bk-family-item {\n    display: flex;\n    align-items: flex-start;\n  }\n  \n  .bk-family-section .bk-check-icon {\n    width: 1.5rem;\n    height: 1.5rem;\n    background-color: #009484;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: 1rem;\n    flex-shrink: 0;\n  }\n  \n  .bk-family-section .bk-check-icon svg {\n    width: 1rem;\n    height: 1rem;\n    color: white;\n  }\n  \n  .bk-family-section .bk-family-content {\n    flex: 1;\n  }\n  \n  .bk-family-section .bk-family-title {\n    font-family: Arial, sans-serif;\n    font-size: 1rem;\n    font-weight: 700;\n    margin: 0 0 0.25rem;\n    color: inherit;\n  }\n  \n  .bk-family-section .bk-family-subtitle {\n    font-family: Arial, sans-serif;\n    font-size: 0.9375rem;\n    margin: 0;\n    color: inherit;\n    display: flex;\n    align-items: center;\n  }\n  \n  .bk-family-section .bk-family-year {\n    margin-left: 0.5rem;\n    color: #6b7280;\n  }\n  \n  \/* CTA Sektion *\/\n  .bk-cta-section {\n    background-image: url('https:\/\/bav.accaris.de\/wp-content\/uploads\/2025\/04\/greenbackground.jpg');\n    background-size: cover;\n    background-position: center;\n    color: white;\n    padding: 4rem 0;\n    position: relative;\n    text-align: center;\n    \/* 40% dunklerer Hintergrund durch einen Overlay *\/\n    position: relative;\n    \/* Full viewport width trick *\/\n    width: 100vw;\n    max-width: 100vw;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n  \n  \/* Overlay f\u00fcr 40% dunkleren Hintergrund *\/\n  .bk-cta-section::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.4); \/* 40% schwarzer Overlay *\/\n    z-index: 1;\n  }\n  \n  .bk-cta-section .bk-wave-top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    overflow: hidden;\n    line-height: 0;\n    z-index: 2; \/* Welle \u00fcber dem Overlay *\/\n  }\n  \n  .bk-cta-section .bk-wave-svg {\n    width: 100%;\n    height: 80px;\n  }\n  \n  @media (max-width: 768px) {\n    .bk-cta-section .bk-wave-svg {\n      height: 60px;\n    }\n  }\n  \n  .bk-cta-section .bk-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 1rem;\n    position: relative;\n    z-index: 2; \/* \u00dcber dem Overlay *\/\n  }\n  \n  .bk-cta-section .bk-heading {\n    font-family: 'Noir Pro', sans-serif;\n    font-size: 2rem;\n    font-weight: 700;\n    margin-bottom: 1.5rem;\n    line-height: 1.2;\n    margin-top: 2rem; \/* Hinzugef\u00fcgt, um die \u00dcberschrift nach unten zu verschieben *\/\n  }\n  \n  .bk-cta-section .bk-highlight {\n    color: #feeb35; \/* Sonnengelb (Sun yellow) *\/\n  }\n  \n  .bk-cta-section .bk-text {\n    font-family: Arial, sans-serif;\n    font-size: 1.125rem;\n    line-height: 1.5;\n    margin-bottom: 2rem;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .bk-cta-section .bk-text-bold {\n    font-weight: 700;\n  }\n  \n  .bk-cta-section .bk-button {\n    display: inline-block;\n    background-color: #feeb35;\n    color: #4b4b4b;\n    font-family: Arial, sans-serif;\n    font-size: 1rem;\n    font-weight: 700;\n    padding: 0.75rem 1.5rem;\n    border-radius: 0.25rem;\n    text-decoration: none;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n  \n  .bk-cta-section .bk-button:hover {\n    transform: scale(1.05);\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  }\n  \n  \/* Footer Links *\/\n  .bk-cta-section .bk-footer-links {\n    margin-top: 2rem;\n    font-family: Arial, sans-serif;\n    font-size: 0.875rem;\n  }\n  \n  .bk-cta-section .bk-footer-link {\n    color: white;\n    text-decoration: none;\n    margin: 0 0.75rem;\n    opacity: 0.8;\n    transition: opacity 0.2s ease;\n  }\n  \n  .bk-cta-section .bk-footer-link:hover {\n    opacity: 1;\n    text-decoration: underline;\n  }\n  \n  \/* Responsive Anpassungen *\/\n  @media (min-width: 768px) {\n    .bk-family-section .bk-container,\n    .bk-cta-section .bk-container {\n      padding: 0 2rem;\n    }\n    \n    .bk-family-section .bk-heading {\n      font-size: 2.25rem;\n    }\n    \n    .bk-cta-section .bk-heading {\n      font-size: 2.5rem;\n    }\n  }\n<\/style>\n\n<!-- Familienmitglieder Sektion -->\n<section class=\"bk-family-section\">\n  <div class=\"bk-container\">\n    <div class=\"bk-flex-row\">\n      <!-- Linke Spalte mit Bild -->\n      <div class=\"bk-col-half\">\n        <div class=\"bk-image-container\">\n          <img decoding=\"async\" src=\"https:\/\/hebbkx1anhila5yf.public.blob.vercel-storage.com\/puzzle_small.jpg-3LQUfl1ZxetIALQvsZXpJXZ6ug87oV.jpeg\" alt=\"Familienmitglieder Puzzle\" class=\"bk-image\">\n        <\/div>\n      <\/div>\n      \n      <!-- Rechte Spalte mit Text und Liste -->\n      <div class=\"bk-col-half\">\n        <h2 class=\"bk-heading\">Wer sind unsere <span class=\"bk-highlight\">Familienmitglieder?<\/span><\/h2>\n        <h3 class=\"bk-subheading\">UNTERNEHMEN UND MARKENWERTE.<\/h3>\n        \n        <div class=\"bk-family-list\">\n          <!-- Familienmitglied 1 -->\n          <div class=\"bk-family-item\">\n            <div class=\"bk-check-icon\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n              <\/svg>\n            <\/div>\n            <div class=\"bk-family-content\">\n              <h4 class=\"bk-family-title\">accaris financial planning AG<\/h4>\n              <p class=\"bk-family-subtitle\"> <strong>Verantwortung<\/strong> <span class=\"bk-family-year\">seit 1954<\/span><\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- Familienmitglied 2 -->\n          <div class=\"bk-family-item\">\n            <div class=\"bk-check-icon\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n              <\/svg>\n            <\/div>\n            <div class=\"bk-family-content\">\n              <h4 class=\"bk-family-title\">ecoplanfinanz AG<\/h4>\n              <p class=\"bk-family-subtitle\"> <strong>Nachhaltigkeit<\/strong> <span class=\"bk-family-year\">seit 1998<\/span><\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- Familienmitglied 3 -->\n          <div class=\"bk-family-item\">\n            <div class=\"bk-check-icon\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n              <\/svg>\n            <\/div>\n            <div class=\"bk-family-content\">\n              <h4 class=\"bk-family-title\">Barakiel-Stiftung<\/h4>\n              <p class=\"bk-family-subtitle\"> <strong>Zusammenhalt <\/strong> <span class=\"bk-family-year\">seit 2014<\/span><\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA Sektion mit Welle oben -->\n<section class=\"bk-cta-section\">\n  <!-- Welle oben -->\n  <div class=\"bk-wave-top\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" class=\"bk-wave-svg\">\n      <path \n        d=\"M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z\" \n        fill=\"#ffffff\" \n        opacity=\"1\"\n      ><\/path>\n    <\/svg>\n  <\/div>\n  \n  <div class=\"bk-container\">\n    <div style=\"height: 20px;\"><\/div> <!-- Zus\u00e4tzlicher Abstand vor der \u00dcberschrift -->\n    <h2 class=\"bk-heading\">Bereit f\u00fcr eine <span class=\"bk-highlight\">optimale bAV-L\u00f6sung?<\/span><\/h2>\n    <p class=\"bk-text\">\n      Vereinbaren Sie jetzt ein <span class=\"bk-text-bold\">kostenloses Erstgespr\u00e4ch<\/span> und erfahren Sie, wie wir Ihr Unternehmen bei der <span class=\"bk-text-bold\">betrieblichen Altersvorsorge<\/span> unterst\u00fctzen k\u00f6nnen.\n    <\/p>\n    <a href=\"https:\/\/outlook.office.com\/book\/DavidKlevesahl@Apdim.onmicrosoft.com\/?ismsaljsauthenabled\" class=\"bk-button\">Jetzt Termin vereinbaren<\/a>\n    \n    <!-- Footer Links -->\n    <div class=\"bk-footer-links\">\n      <a href=\"https:\/\/www.accaris.de\/impressum\/\" class=\"bk-footer-link\" target=\"_blank\">Impressum<\/a>\n      <a href=\"https:\/\/www.accaris.de\/datenschutz-2\/\" class=\"bk-footer-link\" target=\"_blank\">Datenschutz<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\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>Mehr Sicherheit. Weniger Aufwand. Klare Vorteile. Ihr Browser unterst\u00fctzt keine Videos. Mit moderner betrieblicher Altersvorsorge entlasten Sie Ihre HR-Abteilung, st\u00e4rken die Zufriedenheit Ihrer Mitarbeitenden \u2013 und vermeiden Haftungsrisiken. Jetzt Termin vereinbaren \u2192 Ihr Browser unterst\u00fctzt keine Videos. \u2713 Zufriedene Mitarbeiter \u2713 Entlastete HR-Abteilung \u2713 Rechtssichere L\u00f6sung Pflichtverletzung in der bAV? Bis zu 5-stellige Kosten pro [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bav.accaris.de\/index.php\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bav.accaris.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bav.accaris.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bav.accaris.de\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bav.accaris.de\/index.php\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":49,"href":"https:\/\/bav.accaris.de\/index.php\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/bav.accaris.de\/index.php\/wp-json\/wp\/v2\/pages\/71\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/bav.accaris.de\/index.php\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}