{"id":44,"date":"2026-05-06T18:00:24","date_gmt":"2026-05-06T16:00:24","guid":{"rendered":"https:\/\/syring-finanz-kontor.de\/?page_id=44"},"modified":"2026-05-06T18:15:19","modified_gmt":"2026-05-06T16:15:19","slug":"home","status":"publish","type":"page","link":"https:\/\/syring-finanz-kontor.de\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"44\" class=\"elementor elementor-44\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0ea0091 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0ea0091\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a78823\" data-id=\"0a78823\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-61fec50 elementor-widget elementor-widget-html\" data-id=\"61fec50\" 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<!--\n  ============================================================\n  SYRING FINANZ-KONTOR \u2014 Under Construction Widget\n  Fuer Elementor \"HTML\"-Widget\n  ============================================================\n\n  ANLEITUNG:\n  1. Lade die 4 Bilder (images\/hero.jpg, images\/pillar-finanzplanung.jpg,\n     images\/pillar-vorsorge.jpg, images\/pillar-versicherungen.jpg)\n     in die WordPress Media-Library hoch.\n  2. Ersetze die 4 Platzhalter unten:\n        __HERO_IMG__              -> URL von hero.jpg\n        __PILLAR_FINANZPLANUNG__  -> URL von pillar-finanzplanung.jpg\n        __PILLAR_VORSORGE__       -> URL von pillar-vorsorge.jpg\n        __PILLAR_VERSICHERUNGEN__ -> URL von pillar-versicherungen.jpg\n  3. Ggf. Telefonnummer in tel:+49... und Mailadresse anpassen.\n  4. Block in ein Elementor \"HTML\"-Widget einfuegen, Container\/Section\n     ohne Innen-Padding und volle Breite einstellen.\n  ============================================================\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* === Scoped CSS unter .sfk-uc \u2014 kein Konflikt mit Theme\/Elementor === *\/\n  .sfk-uc {\n    --sfk-navy: #121B3A;\n    --sfk-navy-deep: #0a1027;\n    --sfk-gold: #FFCD1B;\n    --sfk-gold-soft: #ffe27a;\n    --sfk-cream: #f6f1e7;\n    --sfk-cream-light: #fbf8f1;\n    --sfk-grey: #5a6573;\n\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    font-weight: 300;\n    line-height: 1.6;\n    color: var(--sfk-navy);\n    -webkit-font-smoothing: antialiased;\n    background: var(--sfk-cream-light);\n\n    \/* Full-Bleed Breakout: bricht aus Elementor-Container\/Section heraus *\/\n    position: relative;\n    left: 50%;\n    right: 50%;\n    width: 100vw;\n    max-width: 100vw;\n    margin: 0 -50vw !important;\n    padding: 0 !important;\n    overflow-x: hidden;\n    display: block;\n  }\n\n  \/* Direktes Eltern-Element neutralisieren (Elementor-Widget-Container) *\/\n  .elementor-widget-html:has(> .elementor-widget-container > .sfk-uc),\n  .elementor-widget-html:has(.sfk-uc) {\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  .elementor-widget-html .elementor-widget-container:has(> .sfk-uc) {\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .sfk-uc, .sfk-uc *, .sfk-uc *::before, .sfk-uc *::after {\n    box-sizing: border-box;\n  }\n\n  .sfk-uc h1, .sfk-uc h2, .sfk-uc h3, .sfk-uc p,\n  .sfk-uc nav, .sfk-uc div, .sfk-uc section, .sfk-uc footer {\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* HERO *\/\n  .sfk-uc .sfk-hero {\n    position: relative;\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    background:\n      linear-gradient(135deg, rgba(18, 27, 58, 0.94) 0%, rgba(10, 16, 39, 0.88) 100%),\n      url('__HERO_IMG__') center\/cover no-repeat;\n    color: var(--sfk-cream);\n    overflow: hidden;\n  }\n\n  .sfk-uc .sfk-hero::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at 70% 30%, rgba(255, 205, 27, 0.15), transparent 60%);\n    pointer-events: none;\n  }\n\n  .sfk-uc .sfk-nav {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 32px 8vw;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .sfk-uc .sfk-brand-logo {\n    display: block;\n    height: clamp(44px, 6vw, 64px);\n    width: auto;\n    max-width: 100%;\n  }\n\n  .sfk-uc .sfk-hero-inner {\n    position: relative;\n    z-index: 2;\n    flex: 1;\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 80px;\n    align-items: center;\n    padding: clamp(50px, 8vw, 80px) 8vw;\n  }\n\n  .sfk-uc .sfk-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 12px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--sfk-gold);\n    margin-bottom: 28px;\n  }\n\n  .sfk-uc .sfk-eyebrow::before {\n    content: \"\";\n    width: 36px;\n    height: 1px;\n    background: var(--sfk-gold);\n  }\n\n  .sfk-uc h1.sfk-h1 {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 500;\n    font-size: clamp(36px, 6vw, 76px);\n    line-height: 1.05;\n    letter-spacing: -0.5px;\n    margin-bottom: 28px;\n    color: var(--sfk-cream);\n  }\n\n  .sfk-uc h1.sfk-h1 em {\n    font-style: italic;\n    color: var(--sfk-gold);\n  }\n\n  .sfk-uc .sfk-lead {\n    font-size: clamp(15px, 1.4vw, 18px);\n    line-height: 1.7;\n    color: rgba(246, 241, 231, 0.85);\n    max-width: 540px;\n    margin-bottom: 40px;\n  }\n\n  .sfk-uc .sfk-contact-card {\n    display: inline-grid;\n    grid-template-columns: auto 1fr;\n    gap: 16px 24px;\n    padding: 28px 36px;\n    border: 1px solid rgba(255, 205, 27, 0.4);\n    background: rgba(10, 16, 39, 0.5);\n    -webkit-backdrop-filter: blur(6px);\n    backdrop-filter: blur(6px);\n    max-width: 100%;\n  }\n\n  .sfk-uc .sfk-contact-card .sfk-label {\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--sfk-gold);\n    align-self: center;\n  }\n\n  .sfk-uc .sfk-contact-card .sfk-value {\n    font-size: clamp(14px, 1.2vw, 16px);\n    color: var(--sfk-cream);\n    font-weight: 400;\n    word-break: break-word;\n  }\n\n  .sfk-uc .sfk-contact-card a {\n    color: var(--sfk-cream);\n    text-decoration: none;\n    border-bottom: 1px solid transparent;\n    transition: border-color 0.2s;\n  }\n  .sfk-uc .sfk-contact-card a:hover { border-bottom-color: var(--sfk-gold); }\n\n  .sfk-uc .sfk-visual {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .sfk-uc .sfk-compass {\n    width: 100%;\n    max-width: 460px;\n    aspect-ratio: 1;\n    position: relative;\n    animation: sfk-float 8s ease-in-out infinite;\n  }\n\n  @keyframes sfk-float {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-12px); }\n  }\n\n  .sfk-uc .sfk-compass svg {\n    width: 100%;\n    height: 100%;\n    filter: drop-shadow(0 30px 60px rgba(0,0,0,0.5));\n  }\n\n  .sfk-uc .sfk-ring {\n    transform-origin: center;\n    animation: sfk-rotate 60s linear infinite;\n  }\n\n  @keyframes sfk-rotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n\n  \/* INFO *\/\n  .sfk-uc .sfk-info {\n    background: var(--sfk-cream-light);\n    padding: clamp(60px, 10vw, 100px) 8vw;\n  }\n\n  .sfk-uc .sfk-info-head {\n    text-align: center;\n    margin-bottom: clamp(40px, 6vw, 70px);\n  }\n\n  .sfk-uc .sfk-info-head .sfk-eyebrow { color: var(--sfk-navy); }\n  .sfk-uc .sfk-info-head .sfk-eyebrow::before { background: var(--sfk-navy); }\n\n  .sfk-uc .sfk-info-head h2 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(28px, 4vw, 48px);\n    font-weight: 500;\n    color: var(--sfk-navy);\n    line-height: 1.15;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  .sfk-uc .sfk-pillars {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: clamp(30px, 4vw, 50px);\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .sfk-uc .sfk-pillar {\n    text-align: center;\n    padding: 20px 10px;\n  }\n\n  .sfk-uc .sfk-pillar-image {\n    width: 100%;\n    aspect-ratio: 4\/3;\n    overflow: hidden;\n    margin-bottom: 28px;\n    position: relative;\n    background: var(--sfk-navy);\n  }\n\n  .sfk-uc .sfk-pillar-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    filter: brightness(0.85) contrast(1.05);\n    transition: transform 0.6s ease, filter 0.4s ease;\n  }\n\n  .sfk-uc .sfk-pillar:hover .sfk-pillar-image img {\n    transform: scale(1.05);\n    filter: brightness(0.95) contrast(1.05);\n  }\n\n  .sfk-uc .sfk-pillar-image::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, transparent 60%, rgba(18, 27, 58, 0.25));\n    pointer-events: none;\n  }\n\n  .sfk-uc .sfk-pillar h3 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(20px, 2vw, 24px);\n    font-weight: 500;\n    color: var(--sfk-navy);\n    margin-bottom: 14px;\n  }\n\n  .sfk-uc .sfk-pillar p {\n    font-size: clamp(14px, 1.2vw, 15px);\n    color: var(--sfk-grey);\n    line-height: 1.7;\n  }\n\n  \/* STATUS *\/\n  .sfk-uc .sfk-status {\n    background: var(--sfk-navy);\n    color: var(--sfk-cream);\n    padding: clamp(50px, 8vw, 80px) 8vw;\n    text-align: center;\n  }\n\n  .sfk-uc .sfk-status h2 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(24px, 3.5vw, 40px);\n    font-weight: 500;\n    margin-bottom: 16px;\n    color: var(--sfk-cream);\n  }\n\n  .sfk-uc .sfk-status h2 em { color: var(--sfk-gold); font-style: italic; }\n\n  .sfk-uc .sfk-status p {\n    color: rgba(246, 241, 231, 0.75);\n    max-width: 560px;\n    margin: 0 auto 44px;\n    font-size: clamp(14px, 1.3vw, 16px);\n  }\n\n  .sfk-uc .sfk-progress-wrap {\n    max-width: 480px;\n    margin: 0 auto 16px;\n  }\n\n  .sfk-uc .sfk-progress-bar {\n    height: 4px;\n    background: rgba(255, 205, 27, 0.18);\n    overflow: hidden;\n  }\n\n  .sfk-uc .sfk-progress-bar > div {\n    height: 100%;\n    width: 72%;\n    background: var(--sfk-gold);\n    animation: sfk-pulse 2.4s ease-in-out infinite;\n  }\n\n  @keyframes sfk-pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.55; }\n  }\n\n  .sfk-uc .sfk-progress-meta {\n    display: flex;\n    justify-content: space-between;\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--sfk-gold-soft);\n    margin-top: 14px;\n  }\n\n  \/* FOOTER *\/\n  .sfk-uc .sfk-foot {\n    background: var(--sfk-navy-deep);\n    color: rgba(246, 241, 231, 0.55);\n    padding: 40px 8vw;\n    font-size: 13px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 20px;\n    flex-wrap: wrap;\n    border-top: 1px solid rgba(255, 205, 27, 0.15);\n  }\n\n  .sfk-uc .sfk-foot a {\n    color: var(--sfk-gold-soft);\n    text-decoration: none;\n    margin-left: 24px;\n  }\n  .sfk-uc .sfk-foot a:first-child { margin-left: 0; }\n  .sfk-uc .sfk-foot a:hover { color: var(--sfk-gold); }\n\n  \/* === RESPONSIVE === *\/\n  @media (max-width: 1024px) {\n    .sfk-uc .sfk-hero-inner {\n      grid-template-columns: 1fr;\n      gap: 50px;\n    }\n    .sfk-uc .sfk-visual { order: -1; }\n    .sfk-uc .sfk-compass { max-width: 320px; }\n  }\n\n  @media (max-width: 768px) {\n    .sfk-uc .sfk-hero { min-height: auto; }\n    .sfk-uc .sfk-nav { padding: 22px 6vw; }\n    .sfk-uc .sfk-hero-inner { padding: 50px 6vw 70px; }\n    .sfk-uc .sfk-info { padding: 70px 6vw; }\n    .sfk-uc .sfk-status { padding: 60px 6vw; }\n    .sfk-uc .sfk-pillars { grid-template-columns: 1fr; gap: 50px; }\n    .sfk-uc .sfk-compass { max-width: 240px; }\n    .sfk-uc .sfk-contact-card { padding: 22px 24px; }\n    .sfk-uc .sfk-foot {\n      flex-direction: column;\n      text-align: center;\n      padding: 30px 6vw;\n    }\n    .sfk-uc .sfk-foot a { margin: 0 10px; }\n  }\n\n  @media (max-width: 480px) {\n    .sfk-uc .sfk-contact-card {\n      grid-template-columns: 1fr;\n      gap: 4px 0;\n      padding: 20px 22px;\n    }\n    .sfk-uc .sfk-contact-card .sfk-label { margin-top: 10px; }\n    .sfk-uc .sfk-contact-card .sfk-label:first-child { margin-top: 0; }\n  }\n<\/style>\n\n<div class=\"sfk-uc\">\n\n  <!-- HERO -->\n  <section class=\"sfk-hero\">\n    <nav class=\"sfk-nav\">\n      <img decoding=\"async\" src=\"https:\/\/syring-finanz-kontor.de\/wp-content\/uploads\/2026\/03\/logo-sfk.png\" alt=\"Syring Finanz Kontor GmbH\" class=\"sfk-brand-logo\" \/>\n    <\/nav>\n\n    <div class=\"sfk-hero-inner\">\n      <div>\n        <div class=\"sfk-eyebrow\">Wir \u00fcberarbeiten unseren Auftritt<\/div>\n        <h1 class=\"sfk-h1\">Bald an Ihrer Seite \u2014 <em>mit neuer Klarheit.<\/em><\/h1>\n        <p class=\"sfk-lead\">\n          Vertrauen, Weitblick und individuelle Beratung haben einen festen Platz bei uns \u2014\n          ebenso wie eine zeitgem\u00e4\u00dfe digitale Pr\u00e4senz. An dieser arbeiten wir gerade\n          und freuen uns, Sie in K\u00fcrze hier wieder begr\u00fc\u00dfen zu d\u00fcrfen.\n        <\/p>\n\n        <div class=\"sfk-contact-card\">\n          <div class=\"sfk-label\">Telefon<\/div>\n          <div class=\"sfk-value\"><a href=\"tel:+491791119248\">Hier klicken f\u00fcr eine pers\u00f6nliche Beratung<\/a><\/div>\n          <div class=\"sfk-label\">E-Mail<\/div>\n          <div class=\"sfk-value\"><a href=\"mailto:info@syring-finanz-kontor.de\">info@syring-finanz-kontor.de<\/a><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sfk-visual\">\n        <div class=\"sfk-compass\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 400 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"200\" cy=\"200\" r=\"190\" fill=\"none\" stroke=\"#FFCD1B\" stroke-width=\"0.8\" opacity=\"0.5\"\/>\n            <circle cx=\"200\" cy=\"200\" r=\"178\" fill=\"none\" stroke=\"#FFCD1B\" stroke-width=\"0.4\" opacity=\"0.4\"\/>\n            <g class=\"sfk-ring\">\n              <circle cx=\"200\" cy=\"200\" r=\"160\" fill=\"none\" stroke=\"#FFCD1B\" stroke-width=\"0.6\" opacity=\"0.6\"\/>\n              <g stroke=\"#FFCD1B\" stroke-width=\"1\" opacity=\"0.85\">\n                <line x1=\"200\" y1=\"40\" x2=\"200\" y2=\"55\"\/>\n                <line x1=\"200\" y1=\"345\" x2=\"200\" y2=\"360\"\/>\n                <line x1=\"40\" y1=\"200\" x2=\"55\" y2=\"200\"\/>\n                <line x1=\"345\" y1=\"200\" x2=\"360\" y2=\"200\"\/>\n              <\/g>\n              <g stroke=\"#ffe27a\" stroke-width=\"0.6\" opacity=\"0.55\">\n                <line x1=\"313\" y1=\"87\" x2=\"303\" y2=\"97\"\/>\n                <line x1=\"87\" y1=\"87\" x2=\"97\" y2=\"97\"\/>\n                <line x1=\"313\" y1=\"313\" x2=\"303\" y2=\"303\"\/>\n                <line x1=\"87\" y1=\"313\" x2=\"97\" y2=\"303\"\/>\n              <\/g>\n            <\/g>\n            <circle cx=\"200\" cy=\"200\" r=\"125\" fill=\"none\" stroke=\"#FFCD1B\" stroke-width=\"0.5\" opacity=\"0.4\"\/>\n            <circle cx=\"200\" cy=\"200\" r=\"110\" fill=\"rgba(255,205,27,0.05)\" stroke=\"#FFCD1B\" stroke-width=\"0.3\" opacity=\"0.5\"\/>\n            <g>\n              <polygon points=\"200,75 210,200 200,210 190,200\" fill=\"#FFCD1B\"\/>\n              <polygon points=\"200,325 210,200 200,190 190,200\" fill=\"#ffe27a\" opacity=\"0.55\"\/>\n              <circle cx=\"200\" cy=\"200\" r=\"8\" fill=\"#121B3A\" stroke=\"#FFCD1B\" stroke-width=\"1.5\"\/>\n              <circle cx=\"200\" cy=\"200\" r=\"3\" fill=\"#FFCD1B\"\/>\n            <\/g>\n            <g font-family=\"Cormorant Garamond, serif\" font-size=\"18\" fill=\"#FFCD1B\" text-anchor=\"middle\">\n              <text x=\"200\" y=\"35\">N<\/text>\n              <text x=\"200\" y=\"378\">S<\/text>\n              <text x=\"32\" y=\"206\">W<\/text>\n              <text x=\"372\" y=\"206\">O<\/text>\n            <\/g>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wir \u00fcberarbeiten unseren Auftritt Bald an Ihrer Seite \u2014 mit neuer Klarheit. Vertrauen, Weitblick und individuelle Beratung haben einen festen Platz bei uns \u2014 ebenso wie eine zeitgem\u00e4\u00dfe digitale Pr\u00e4senz. An dieser arbeiten wir gerade und freuen uns, Sie in K\u00fcrze hier wieder begr\u00fc\u00dfen zu d\u00fcrfen. Telefon Hier klicken f\u00fcr eine pers\u00f6nliche Beratung E-Mail info@syring-finanz-kontor.de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syring-finanz-kontor.de\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syring-finanz-kontor.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syring-finanz-kontor.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/syring-finanz-kontor.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/syring-finanz-kontor.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":38,"href":"https:\/\/syring-finanz-kontor.de\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/syring-finanz-kontor.de\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/syring-finanz-kontor.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}