{"id":19,"date":"2023-04-05T20:10:30","date_gmt":"2023-04-05T20:10:30","guid":{"rendered":"https:\/\/top-energie.com\/?page_id=19"},"modified":"2025-11-18T14:20:49","modified_gmt":"2025-11-18T14:20:49","slug":"ueber-uns","status":"publish","type":"page","link":"https:\/\/top-energie.com\/","title":{"rendered":"Top-Energie | Ihr Energiekostenberater"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7901347 e-con-full e-flex e-con e-parent\" data-id=\"7901347\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cebb42 elementor-widget elementor-widget-html\" data-id=\"2cebb42\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  html {\r\n    font-size: 18px;\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    html {\r\n      font-size: 19px;\r\n    }\r\n  }\r\n\r\n  :root {\r\n    --te-bg: #f4f7f2;\r\n    --te-bg-alt: #ffffff;\r\n    --te-primary: #2f7d32;      \/* sattes Naturgr\u00fcn *\/\r\n    --te-primary-soft: #e1f2e3;\r\n    --te-secondary: #cda969;    \/* warmes Sand\/Gold *\/\r\n    --te-accent: #6bbf59;       \/* frisches Gr\u00fcn *\/\r\n    --te-text: #1f2933;\r\n    --te-text-soft: #4b5563;\r\n    --te-border: #dde5d8;\r\n    --te-radius-lg: 22px;\r\n    --te-radius-md: 16px;\r\n    --te-shadow-soft: 0 18px 40px rgba(15, 35, 20, 0.15);\r\n  }\r\n\r\n  .te-page {\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    background: radial-gradient(circle at top left, #eaf5ea 0, #f4f7f2 40%, #f9faf9 100%);\r\n    color: var(--te-text);\r\n    padding: 3rem 1.5rem 4rem;\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .te-page {\r\n      padding: 4rem 4vw 5rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-page {\r\n      padding: 1.8rem 1rem 2.5rem;\r\n    }\r\n  }\r\n\r\n  .te-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* ---------- HERO ---------- *\/\r\n\r\n  .te-hero {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 1fr;\r\n    gap: 3rem;\r\n    align-items: center;\r\n    margin-bottom: 4rem;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .te-hero {\r\n      grid-template-columns: 1fr;\r\n      gap: 2.4rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero {\r\n      gap: 1.6rem;\r\n      margin-bottom: 2.5rem;\r\n    }\r\n  }\r\n\r\n  .te-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: .5rem;\r\n    padding: .3rem .9rem;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border: 1px solid rgba(47, 125, 50, 0.1);\r\n    font-size: .82rem;\r\n    font-weight: 600;\r\n    letter-spacing: .06em;\r\n    text-transform: uppercase;\r\n    color: var(--te-primary);\r\n    margin-bottom: 1.2rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-pill {\r\n      font-size: .78rem;\r\n      padding: .35rem .85rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n  }\r\n\r\n  .te-pill-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, var(--te-primary), var(--te-accent));\r\n    box-shadow: 0 0 0 6px rgba(107, 191, 89, 0.28);\r\n  }\r\n\r\n  .te-hero-title {\r\n    font-size: clamp(2.4rem, 3.4vw + 1rem, 3.6rem);\r\n    line-height: 1.05;\r\n    margin: 0 0 1.1rem;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero-title {\r\n      font-size: clamp(1.9rem, 6vw + 1rem, 2.5rem);\r\n      line-height: 1.12;\r\n    }\r\n  }\r\n\r\n  .te-hero-title span {\r\n    background: linear-gradient(135deg, var(--te-primary), var(--te-secondary));\r\n    -webkit-background-clip: text;\r\n    color: transparent;\r\n  }\r\n\r\n  .te-hero-sub {\r\n    font-size: 1.02rem;\r\n    color: var(--te-text-soft);\r\n    max-width: 34rem;\r\n    margin-bottom: 1.8rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero-sub {\r\n      font-size: .94rem;\r\n      line-height: 1.5;\r\n      max-width: 100%;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n  }\r\n\r\n  .te-hero-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 1rem;\r\n    margin-bottom: 2.2rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero-badges {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: .8rem;\r\n      margin-bottom: 1.6rem;\r\n    }\r\n  }\r\n\r\n  .te-hero-badge {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border-radius: 999px;\r\n    padding: .6rem 1rem;\r\n    font-size: .86rem;\r\n    border: 1px solid rgba(205, 169, 105, 0.35);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: .45rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero-badge {\r\n      padding: .7rem 1.1rem;\r\n      font-size: .88rem;\r\n    }\r\n  }\r\n\r\n  .te-hero-badge strong {\r\n    font-size: .98rem;\r\n  }\r\n\r\n  .te-hero-badge-icon {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 999px;\r\n    background: radial-gradient(circle at 30% 20%, #ffffff 0, #cce7cf 35%, #2f7d32 100%);\r\n  }\r\n\r\n  .te-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 1rem;\r\n    align-items: center;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero-actions {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: .9rem;\r\n    }\r\n  }\r\n\r\n  .te-btn-primary,\r\n  .te-btn-ghost {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: .45rem;\r\n    padding: .9rem 1.6rem;\r\n    border-radius: 999px;\r\n    font-size: .98rem;\r\n    font-weight: 600;\r\n    border: none;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all .18s ease-out;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .te-btn-primary {\r\n    background: linear-gradient(135deg, var(--te-primary), var(--te-accent));\r\n    color: #ffffff;\r\n    box-shadow: var(--te-shadow-soft);\r\n  }\r\n\r\n  .te-btn-primary:hover {\r\n    transform: translateY(-1px) scale(1.01);\r\n    box-shadow: 0 22px 50px rgba(15, 35, 20, 0.2);\r\n  }\r\n\r\n  .te-btn-ghost {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    color: var(--te-text);\r\n    border: 1px solid rgba(31, 41, 51, 0.09);\r\n  }\r\n\r\n  .te-btn-ghost:hover {\r\n    background: #ffffff;\r\n    border-color: rgba(47, 125, 50, 0.32);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-btn-primary,\r\n    .te-btn-ghost {\r\n      width: 100%;\r\n      padding: 1rem 1.6rem;\r\n      font-size: 1rem;\r\n      min-height: 48px;\r\n    }\r\n  }\r\n\r\n  .te-btn-icon {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-btn-icon {\r\n      font-size: 1.15rem;\r\n    }\r\n  }\r\n\r\n  .te-hero-note {\r\n    font-size: .9rem;\r\n    color: var(--te-text-soft);\r\n    margin-top: .7rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero-note {\r\n      font-size: .84rem;\r\n      line-height: 1.45;\r\n      margin-top: .6rem;\r\n    }\r\n  }\r\n\r\n  \/* HERO VISUAL *\/\r\n\r\n  .te-hero-visual {\r\n    position: relative;\r\n    min-height: 280px;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .te-hero-visual {\r\n      max-width: 520px;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero-visual {\r\n      min-height: auto;\r\n    }\r\n  }\r\n\r\n  .te-hero-card {\r\n    position: relative;\r\n    background: radial-gradient(circle at top left, #eaf5ea 0, #ffffff 55%, #f5f5f0 100%);\r\n    border-radius: var(--te-radius-lg);\r\n    padding: 1.6rem 1.7rem 3.4rem 1.7rem;  \/* extra Platz unten f\u00fcr Badge *\/\r\n    box-shadow: var(--te-shadow-soft);\r\n    border: 1px solid rgba(255, 255, 255, 0.8);\r\n    overflow: hidden;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero-card {\r\n      padding: 1.2rem 1.1rem 2.8rem 1.1rem;\r\n    }\r\n  }\r\n\r\n  .te-hero-card-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 1.2rem;\r\n    margin-bottom: 1.3rem;\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .te-hero-card-top {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: .8rem;\r\n    }\r\n  }\r\n\r\n  .te-hero-avatar {\r\n    display: flex;\r\n    gap: .8rem;\r\n    align-items: center;\r\n  }\r\n\r\n  .te-avatar-circle {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, #e2f3e1, #8ac48a);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 700;\r\n    color: #1f3d20;\r\n    font-size: 1.15rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-avatar-circle {\r\n      width: 44px;\r\n      height: 44px;\r\n      font-size: 1.1rem;\r\n    }\r\n  }\r\n\r\n  .te-avatar-meta small {\r\n    display: block;\r\n    font-size: .8rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-avatar-meta small {\r\n      font-size: .78rem;\r\n    }\r\n  }\r\n\r\n  .te-avatar-meta strong {\r\n    font-size: 1rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-avatar-meta strong {\r\n      font-size: .96rem;\r\n    }\r\n  }\r\n\r\n  .te-badge-cert {\r\n    align-self: flex-start;\r\n    padding: .4rem .9rem;\r\n    border-radius: 999px;\r\n    background: rgba(47, 125, 50, 0.08);\r\n    border: 1px dashed rgba(47, 125, 50, 0.4);\r\n    font-size: .8rem;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: .4rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-badge-cert {\r\n      font-size: .76rem;\r\n      padding: .35rem .8rem;\r\n    }\r\n  }\r\n\r\n  .te-badge-cert span {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .te-meter {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: .4rem;\r\n    margin-bottom: 1.1rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-meter {\r\n      margin-bottom: .9rem;\r\n    }\r\n  }\r\n\r\n  .te-meter-label {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: .82rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-meter-label {\r\n      font-size: .8rem;\r\n    }\r\n  }\r\n\r\n  .te-meter-bar {\r\n    width: 100%;\r\n    height: 10px;\r\n    border-radius: 999px;\r\n    background: #e0eadf;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .te-meter-bar-fill {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 84%;\r\n    background: linear-gradient(90deg, var(--te-accent), var(--te-secondary));\r\n  }\r\n\r\n  .te-hero-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: .8rem;\r\n    margin-top: .7rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: .6rem;\r\n      margin-top: .6rem;\r\n    }\r\n  }\r\n\r\n  .te-hero-grid-card {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border-radius: 12px;\r\n    padding: .6rem .7rem;\r\n    border: 1px solid rgba(221, 229, 216, 0.9);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-hero-grid-card {\r\n      padding: .7rem .8rem;\r\n    }\r\n  }\r\n\r\n  .te-hero-grid-card h4 {\r\n    font-size: .8rem;\r\n    margin: 0 0 .2rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  .te-hero-grid-card strong {\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .te-hero-grid-card small {\r\n    font-size: .78rem;\r\n  }\r\n\r\n .te-hero-badge-floating {\r\n  position: absolute;\r\n  right: 1.4rem;\r\n  bottom: 1rem;       \/* jetzt im zus\u00e4tzlichen Padding-Bereich *\/\r\n  transform: none;\r\n  background: #0f172a;\r\n  color: #ffffff;\r\n  padding: .7rem 1rem;\r\n  border-radius: 999px;\r\n  font-size: .82rem;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: .45rem;\r\n  box-shadow: 0 16px 50px rgba(1, 17, 25, 0.4);\r\n  z-index: 2;\r\n}\r\n\r\n.te-hero-badge-floating span {\r\n  font-size: 1rem;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .te-hero-badge-floating {\r\n    position: static;\r\n    transform: none;\r\n    margin-top: 1rem;\r\n    right: auto;\r\n    bottom: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .te-hero-badge-floating {\r\n    padding: .65rem .95rem;\r\n    font-size: .8rem;\r\n    margin-top: .9rem;\r\n  }\r\n}\r\n\r\n\r\n  \/* ---------- SECTIONS GENERIC ---------- *\/\r\n\r\n  .te-section {\r\n    margin-bottom: 4rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-section {\r\n      margin-bottom: 2.8rem;\r\n    }\r\n  }\r\n\r\n  .te-section-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    gap: 1rem;\r\n    margin-bottom: 2rem;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-section-header {\r\n      align-items: flex-start;\r\n      gap: .6rem;\r\n      margin-bottom: 1.6rem;\r\n    }\r\n  }\r\n\r\n  .te-section-title {\r\n    font-size: 1.7rem;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-section-title {\r\n      font-size: 1.5rem;\r\n    }\r\n  }\r\n\r\n  .te-section-kicker {\r\n    font-size: .82rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: .15em;\r\n    color: var(--te-primary);\r\n    font-weight: 600;\r\n    margin-bottom: .4rem;\r\n  }\r\n\r\n  .te-section-sub {\r\n    font-size: 1rem;\r\n    color: var(--te-text-soft);\r\n    max-width: 26rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-section-sub {\r\n      font-size: .94rem;\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  \/* ---------- SERVICES ---------- *\/\r\n\r\n  .te-services {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 1.4fr;\r\n    gap: 2.5rem;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .te-services {\r\n      grid-template-columns: 1fr;\r\n      gap: 2rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-services {\r\n      gap: 1.5rem;\r\n    }\r\n  }\r\n\r\n  .te-services-intro {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border-radius: var(--te-radius-md);\r\n    padding: 1.8rem 1.7rem;\r\n    border: 1px solid var(--te-border);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-services-intro {\r\n      padding: 1.3rem 1.2rem;\r\n    }\r\n\r\n    .te-services-intro p {\r\n      font-size: .94rem;\r\n      line-height: 1.5;\r\n    }\r\n  }\r\n\r\n  .te-services-intro p {\r\n    font-size: 1rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  .te-services-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n    gap: 1.3rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-services-list {\r\n      grid-template-columns: 1fr;\r\n      gap: 1.1rem;\r\n    }\r\n  }\r\n\r\n  .te-service-card {\r\n    position: relative;\r\n    background: #ffffff;\r\n    border-radius: var(--te-radius-md);\r\n    padding: 1.4rem 1.4rem 1.4rem;\r\n    border: 1px solid var(--te-border);\r\n    overflow: hidden;\r\n    transition: transform .18s ease-out, box-shadow .18s ease-out, border-color .18s ease-out;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-service-card {\r\n      padding: 1.2rem 1.1rem;\r\n    }\r\n  }\r\n\r\n  .te-service-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at top, rgba(47, 125, 50, 0.06), transparent 60%);\r\n    opacity: 0;\r\n    transition: opacity .2s ease-out;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .te-service-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 16px 40px rgba(31, 41, 51, 0.12);\r\n    border-color: rgba(47, 125, 50, 0.28);\r\n  }\r\n\r\n  .te-service-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .te-service-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 12px;\r\n    background: var(--te-primary-soft);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.3rem;\r\n    margin-bottom: .7rem;\r\n  }\r\n\r\n  .te-service-card h3 {\r\n    font-size: 1.08rem;\r\n    margin: 0 0 .5rem;\r\n  }\r\n\r\n  .te-service-card p {\r\n    font-size: .98rem;\r\n    color: var(--te-text-soft);\r\n    margin: 0 0 .7rem;\r\n  }\r\n\r\n  .te-service-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: .3rem;\r\n    font-size: .84rem;\r\n    color: var(--te-primary);\r\n    font-weight: 600;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-service-tag {\r\n      font-size: .88rem;\r\n      padding: .3rem 0;\r\n    }\r\n  }\r\n\r\n  .te-service-tag span {\r\n    font-size: 1rem;\r\n  }\r\n\r\n  \/* ---------- PROCESS ---------- *\/\r\n\r\n  .te-process {\r\n    background: linear-gradient(135deg, #0f172a 0, #1f2937 45%, #273549 100%);\r\n    border-radius: var(--te-radius-lg);\r\n    padding: 2.3rem 2rem;\r\n    color: #e5f0e5;\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 1.2fr;\r\n    gap: 2.2rem;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .te-process {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-process {\r\n      padding: 1.8rem 1.3rem;\r\n      gap: 1.8rem;\r\n    }\r\n  }\r\n\r\n  .te-process h2 {\r\n    margin: 0 0 .8rem;\r\n    font-size: 1.7rem;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-process h2 {\r\n      font-size: 1.5rem;\r\n    }\r\n  }\r\n\r\n  .te-process p {\r\n    font-size: .96rem;\r\n    color: #c7d7c7;\r\n  }\r\n\r\n  .te-process-steps {\r\n    display: grid;\r\n    gap: .95rem;\r\n  }\r\n\r\n  .te-step {\r\n    display: grid;\r\n    grid-template-columns: auto 1fr;\r\n    gap: .9rem;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .te-step-badge {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 999px;\r\n    background: rgba(99, 179, 118, 0.16);\r\n    border: 1px solid rgba(163, 230, 168, 0.6);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: .86rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .te-step-title {\r\n    font-size: 1.02rem;\r\n    margin-bottom: .1rem;\r\n  }\r\n\r\n  .te-step-text {\r\n    font-size: .9rem;\r\n    color: #d1e7d1;\r\n  }\r\n\r\n  .te-process-highlights {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: .9rem;\r\n    margin-top: 1.1rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-process-highlights {\r\n      grid-template-columns: 1fr;\r\n      gap: .8rem;\r\n      margin-top: 1rem;\r\n    }\r\n  }\r\n\r\n  .te-process-card {\r\n    background: rgba(15, 23, 42, 0.65);\r\n    border-radius: 14px;\r\n    padding: .9rem 1rem;\r\n    border: 1px solid rgba(75, 85, 99, 0.8);\r\n    font-size: .9rem;\r\n  }\r\n\r\n  .te-process-card strong {\r\n    display: block;\r\n    margin-bottom: .1rem;\r\n  }\r\n\r\n  \/* ---------- BENEFITS ---------- *\/\r\n\r\n  .te-benefits-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 1fr;\r\n    gap: 2.5rem;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .te-benefits-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-benefits-grid {\r\n      gap: 2rem;\r\n    }\r\n  }\r\n\r\n  .te-benefits-list {\r\n    display: grid;\r\n    gap: 1.1rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-benefits-list {\r\n      gap: 1rem;\r\n    }\r\n  }\r\n\r\n  .te-benefit {\r\n    display: grid;\r\n    grid-template-columns: auto 1fr;\r\n    gap: .8rem;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .te-benefit-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 8px;\r\n    background: var(--te-primary-soft);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .te-benefit-title {\r\n    font-size: 1.02rem;\r\n    margin-bottom: .1rem;\r\n  }\r\n\r\n  .te-benefit-text {\r\n    font-size: .94rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  .te-highlight-box {\r\n    background: var(--te-bg-alt);\r\n    border-radius: var(--te-radius-md);\r\n    padding: 1.7rem 1.6rem;\r\n    border: 1px solid var(--te-border);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-highlight-box {\r\n      padding: 1.4rem 1.2rem;\r\n    }\r\n\r\n    .te-highlight-box p {\r\n      font-size: .92rem;\r\n      line-height: 1.5;\r\n    }\r\n  }\r\n\r\n  .te-highlight-box h3 {\r\n    margin: 0 0 .4rem;\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .te-highlight-box p {\r\n    font-size: .94rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  .te-highlight-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: .4rem;\r\n    padding: .25rem .8rem;\r\n    border-radius: 999px;\r\n    font-size: .82rem;\r\n    background: var(--te-primary-soft);\r\n    color: var(--te-primary);\r\n    margin-bottom: .6rem;\r\n  }\r\n\r\n  \/* ---------- CTA \/ KONTAKT ---------- *\/\r\n\r\n  .te-cta {\r\n    background: linear-gradient(135deg, #e1f2e3 0, #fdf9ee 50%, #ffffff 100%);\r\n    border-radius: var(--te-radius-lg);\r\n    padding: 2.2rem 2rem;\r\n    border: 1px solid rgba(205, 169, 105, 0.5);\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 1.1fr;\r\n    gap: 2rem;\r\n    align-items: center;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .te-cta {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-cta {\r\n      padding: 1.8rem 1.3rem;\r\n      gap: 1.6rem;\r\n    }\r\n  }\r\n\r\n  .te-cta h2 {\r\n    margin: 0 0 .4rem;\r\n    font-size: 1.8rem;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-cta h2 {\r\n      font-size: 1.5rem;\r\n    }\r\n  }\r\n\r\n  .te-cta p {\r\n    font-size: .96rem;\r\n    color: var(--te-text-soft);\r\n    max-width: 26rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-cta p {\r\n      max-width: 100%;\r\n      font-size: .94rem;\r\n    }\r\n  }\r\n\r\n  .te-cta-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: .6rem;\r\n    margin-top: .9rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-cta-tags {\r\n      gap: .5rem;\r\n      margin-top: .8rem;\r\n    }\r\n  }\r\n\r\n  .te-cta-tag {\r\n    font-size: .84rem;\r\n    padding: .35rem .8rem;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border: 1px solid rgba(47, 125, 50, 0.18);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-cta-tag {\r\n      font-size: .86rem;\r\n      padding: .4rem .85rem;\r\n    }\r\n  }\r\n\r\n  .te-cta-contact {\r\n    background: #ffffff;\r\n    border-radius: var(--te-radius-md);\r\n    padding: 1.6rem 1.5rem 1.7rem;\r\n    border: 1px solid var(--te-border);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-cta-contact {\r\n      padding: 1.4rem 1.2rem;\r\n    }\r\n  }\r\n\r\n  .te-cta-contact h3 {\r\n    margin: 0 0 .7rem;\r\n    font-size: 1.06rem;\r\n  }\r\n\r\n  .te-contact-item {\r\n    display: flex;\r\n    gap: .8rem;\r\n    font-size: .96rem;\r\n    margin-bottom: .6rem;\r\n    align-items: center;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-contact-item {\r\n      margin-bottom: .8rem;\r\n      gap: .9rem;\r\n    }\r\n  }\r\n\r\n  .te-contact-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 999px;\r\n    background: var(--te-primary-soft);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.05rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-contact-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      font-size: 1.15rem;\r\n    }\r\n  }\r\n\r\n  .te-contact-item a {\r\n    color: var(--te-primary);\r\n    text-decoration: none;\r\n  }\r\n\r\n  .te-contact-item a:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-contact-item a {\r\n      padding: .3rem 0;\r\n      display: inline-block;\r\n    }\r\n  }\r\n\r\n  .te-cta-hint {\r\n    font-size: .84rem;\r\n    color: var(--te-text-soft);\r\n    margin-top: .8rem;\r\n  }\r\n\r\n  \/* ---------- FAQ ---------- *\/\r\n\r\n  .te-faq-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n    gap: 1rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-faq-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: .9rem;\r\n    }\r\n  }\r\n\r\n  .te-faq-item {\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n    padding: 1.1rem 1.1rem;\r\n    border: 1px solid var(--te-border);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-faq-item {\r\n      padding: 1.2rem 1.1rem;\r\n    }\r\n  }\r\n\r\n  .te-faq-question {\r\n    font-size: 1.02rem;\r\n    font-weight: 600;\r\n    margin-bottom: .4rem;\r\n  }\r\n\r\n  .te-faq-answer {\r\n    font-size: .94rem;\r\n    color: var(--te-text-soft);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-faq-answer {\r\n      font-size: .92rem;\r\n    }\r\n  }\r\n\r\n  \/* ---------- GENERELLE LESBARKEIT AB DESKTOP ---------- *\/\r\n\r\n  @media (min-width: 1024px) {\r\n    .te-page p,\r\n    .te-page li {\r\n      font-size: .98rem;\r\n    }\r\n\r\n    .te-hero-note,\r\n    .te-service-tag,\r\n    .te-highlight-pill,\r\n    .te-cta-tag,\r\n    .te-badge-cert,\r\n    .te-pill {\r\n      font-size: .86rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"te-page\">\r\n  <div class=\"te-container\">\r\n\r\n    <!-- HERO -->\r\n    <section class=\"te-hero\" id=\"start\">\r\n      <div>\r\n        <div class=\"te-pill\">\r\n          <span class=\"te-pill-dot\"><\/span>\r\n          Zukunftsf\u00e4hige Energieberatung seit 2017\r\n        <\/div>\r\n        <h1 class=\"te-hero-title\">\r\n          <span>Top-Energie<\/span> \u2013 Ihr unabh\u00e4ngiger Partner f\u00fcr niedrige Energiekosten\r\n        <\/h1>\r\n        <p class=\"te-hero-sub\">\r\n          Von der Strom- und Gasoptimierung \u00fcber Photovoltaik bis zum Energieaudit:\r\n          Wir machen Energie f\u00fcr Haushalte und Unternehmen transparent, planbar und bezahlbar \u2013\r\n          bundesweit, pers\u00f6nlich und f\u00f6rderf\u00e4hig.\r\n        <\/p>\r\n\r\n        <div class=\"te-hero-badges\">\r\n          <div class=\"te-hero-badge\">\r\n            <div class=\"te-hero-badge-icon\"><\/div>\r\n            <div>\r\n              <strong>Zertifizierte Beratung<\/strong><br>\r\n              <span>inkl. Energieaudits mit F\u00f6rderzuschuss<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"te-hero-badge\">\r\n            <div class=\"te-hero-badge-icon\"><\/div>\r\n            <div>\r\n              <strong>Seit 2017 im Markt<\/strong><br>\r\n              <span>gestartet im Siegerland \u2013 aktiv in ganz Deutschland<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"te-hero-actions\">\r\n          <a href=\"#anfrage\" class=\"te-btn-primary\">\r\n            <span class=\"te-btn-icon\">\u26a1<\/span>\r\n            Kostenlosen Energie-Check anfragen\r\n          <\/a>\r\n          <a href=\"#leistungen\" class=\"te-btn-ghost\">\r\n            <span class=\"te-btn-icon\">\u2600\ufe0f<\/span>\r\n            Photovoltaik & Energieaudit entdecken\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <p class=\"te-hero-note\">\r\n          F\u00fcr Sie als Kundin\/Kunde ist unsere Beratung in der Regel kostenlos \u2013 wir vergleichen,\r\n          erkl\u00e4ren und begleiten Ihren Wechsel oder Ihre Investition Schritt f\u00fcr Schritt.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"te-hero-visual\" aria-hidden=\"true\">\r\n        <div class=\"te-hero-card\">\r\n          <div class=\"te-hero-card-top\">\r\n            <div class=\"te-hero-avatar\">\r\n              <div class=\"te-avatar-circle\">DS<\/div>\r\n              <div class=\"te-avatar-meta\">\r\n                <small>Ihr Ansprechpartner<\/small>\r\n                <strong>Dieter Schaffarczyk<\/strong>\r\n                <small>Energiekostenberater &amp; PV-Vermittler<\/small>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"te-badge-cert\">\r\n              <span>\u2713<\/span>\r\n              Zertifizierte<span> Energieberatung<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"te-meter\">\r\n            <div class=\"te-meter-label\">\r\n              <span>Potenzial zur Kostenreduzierung<\/span>\r\n              <span>bis zu 30&nbsp;%*<\/span>\r\n            <\/div>\r\n            <div class=\"te-meter-bar\">\r\n              <div class=\"te-meter-bar-fill\"><\/div>\r\n            <\/div>\r\n            <small style=\"font-size:.78rem;color:var(--te-text-soft);\">\r\n              *je nach Ausgangstarif, Verbrauch und Ma\u00dfnahmenpaket\r\n            <\/small>\r\n          <\/div>\r\n\r\n          <div class=\"te-hero-grid\">\r\n            <div class=\"te-hero-grid-card\">\r\n              <h4>Strom &amp; Gas<\/h4>\r\n              <strong>Transparent wechseln<\/strong><br>\r\n              <small>Wir filtern Tarife ohne versteckte Fallen.<\/small>\r\n            <\/div>\r\n            <div class=\"te-hero-grid-card\">\r\n              <h4>Photovoltaik<\/h4>\r\n              <strong>Dach, Kauf &amp; Pacht<\/strong><br>\r\n              <small>Kostenlose Modelle, Kaufanlagen &amp; Invest.<\/small>\r\n            <\/div>\r\n            <div class=\"te-hero-grid-card\">\r\n              <h4>Energieaudits<\/h4>\r\n              <strong>F\u00f6rderf\u00e4hig<\/strong><br>\r\n              <small>Wir vermitteln gepr\u00fcfte Auditoren inkl. Zuschuss.<\/small>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"te-hero-badge-floating\">\r\n            <span>\ud83c\udf31<\/span>\r\n            <div>\r\n              <strong>Nachhaltig sparen<\/strong><br>\r\n              <small>CO\u2082 senken &amp; Energiekosten im Griff behalten.<\/small>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- LEISTUNGEN -->\r\n    <section class=\"te-section\" id=\"leistungen\">\r\n      <div class=\"te-section-header\">\r\n        <div>\r\n          <div class=\"te-section-kicker\">Leistungen<\/div>\r\n          <h2 class=\"te-section-title\">Was wir f\u00fcr Sie \u00fcbernehmen<\/h2>\r\n        <\/div>\r\n        <p class=\"te-section-sub\">\r\n          Wir verstehen uns als \u00dcbersetzer zwischen Energieversorgern, Technik und F\u00f6rderprogrammen.\r\n          Sie erhalten klare Empfehlungen \u2013 ohne Fachchinesisch, ohne Verkaufsdruck.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"te-services\">\r\n        <div class=\"te-services-intro\">\r\n          <p>\r\n            Die Energiem\u00e4rkte sind seit der Energiekrise komplexer denn je. Vertr\u00e4ge,\r\n            Laufzeiten, Preisgarantien, Boni \u2013 und dazu neue Chancen durch Photovoltaik\r\n            und Energieeffizienz-Ma\u00dfnahmen.\r\n          <\/p>\r\n          <p>\r\n            Wir pr\u00fcfen Ihre aktuelle Situation, vergleichen Tarife und Konzepte\r\n            verschiedener Anbieter und begleiten Sie bei der Entscheidung. Unser Ziel:\r\n            <strong>maximale Transparenz, minimale Kosten, mehr Unabh\u00e4ngigkeit.<\/strong>\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"te-services-list\">\r\n          <article class=\"te-service-card\">\r\n            <div class=\"te-service-icon\">\u26a1<\/div>\r\n            <h3>Energiekosten-Check (Strom &amp; Gas)<\/h3>\r\n            <p>\r\n              Pr\u00fcfung Ihrer bestehenden Vertr\u00e4ge, laufende Kosten und Konditionen.\r\n              Wir identifizieren Einsparpotenziale und passende Alternativen \u2013 auch\r\n              f\u00fcr Gewerbe und kleinere Unternehmen.\r\n            <\/p>\r\n            <div class=\"te-service-tag\">\r\n              <span>\u2192<\/span> Kostenlos &amp; unverbindlich\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"te-service-card\">\r\n            <div class=\"te-service-icon\">\u2600\ufe0f<\/div>\r\n            <h3>Photovoltaik &amp; Dach-\/Freifl\u00e4chenverpachtung<\/h3>\r\n            <p>\r\n              Von der kostenlosen Anlage \u00fcber klassische Kaufmodelle bis zur\r\n              Verpachtung Ihrer Dach- oder Freifl\u00e4che: Wir vermitteln passende\r\n              Konzepte und Partner \u2013 inklusive Wirtschaftlichkeits\u00adbetrachtung.\r\n            <\/p>\r\n            <div class=\"te-service-tag\">\r\n              <span>\u2192<\/span> Privat, Gewerbe &amp; Investoren\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"te-service-card\">\r\n            <div class=\"te-service-icon\">\ud83d\udcca<\/div>\r\n            <h3>Energieaudits mit F\u00f6rderzuschuss<\/h3>\r\n            <p>\r\n              Wir organisieren f\u00fcr Sie Energieaudits, die \u00fcber staatliche Programme\r\n              gef\u00f6rdert werden. So decken Sie Effizienz\u00adpotenziale auf und erhalten\r\n              konkrete Handlungsempfehlungen.\r\n            <\/p>\r\n            <div class=\"te-service-tag\">\r\n              <span>\u2192<\/span> F\u00f6rderf\u00e4hig &amp; normkonform\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"te-service-card\">\r\n            <div class=\"te-service-icon\">\ud83e\udd1d<\/div>\r\n            <h3>Pers\u00f6nliche Kundenbetreuung<\/h3>\r\n            <p>\r\n              Kein Callcenter, keine anonyme Hotline. Sie haben einen festen\r\n              Ansprechpartner, der Ihre Historie kennt und bei Fragen erreichbar ist \u2013\r\n              auch nach Vertragsabschluss.\r\n            <\/p>\r\n            <div class=\"te-service-tag\">\r\n              <span>\u2192<\/span> Direkter Draht zu Dieter Schaffarczyk\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- PROZESS -->\r\n    <section class=\"te-section\" id=\"ablauf\">\r\n      <div class=\"te-process\">\r\n        <div>\r\n          <h2>So l\u00e4uft Ihre Energieberatung ab<\/h2>\r\n          <p>\r\n            Wir holen Sie genau dort ab, wo Sie stehen \u2013 ob steigende Abschl\u00e4ge, der\r\n            Wunsch nach mehr Unabh\u00e4ngigkeit durch Solarenergie oder die Planung eines\r\n            gef\u00f6rderten Energieaudits.\r\n          <\/p>\r\n          <div class=\"te-process-highlights\">\r\n            <div class=\"te-process-card\">\r\n              <strong>Bundesweit t\u00e4tig<\/strong>\r\n              Beratung per Telefon, Video oder vor Ort m\u00f6glich.\r\n            <\/div>\r\n            <div class=\"te-process-card\">\r\n              <strong>Unabh\u00e4ngig &amp; transparent<\/strong>\r\n              Wir erkl\u00e4ren Vor- und Nachteile verschiedener Anbieter offen.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"te-process-steps\">\r\n          <div class=\"te-step\">\r\n            <div class=\"te-step-badge\">1<\/div>\r\n            <div>\r\n              <div class=\"te-step-title\">Kurze Analyse Ihres Status quo<\/div>\r\n              <div class=\"te-step-text\">\r\n                Sie senden uns Ihre aktuellen Vertr\u00e4ge oder Eckdaten. Wir erfassen\r\n                Verbrauch, Kosten, Laufzeiten und Ihre Ziele.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"te-step\">\r\n            <div class=\"te-step-badge\">2<\/div>\r\n            <div>\r\n              <div class=\"te-step-title\">Vergleich &amp; Konzept<\/div>\r\n              <div class=\"te-step-text\">\r\n                Wir vergleichen passende Tarife, PV-Modelle oder Auditoptionen und\r\n                erstellen eine klare Entscheidungsvorlage \u2013 mit Zahlen statt Floskeln.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"te-step\">\r\n            <div class=\"te-step-badge\">3<\/div>\r\n            <div>\r\n              <div class=\"te-step-title\">Umsetzung &amp; Wechselservice<\/div>\r\n              <div class=\"te-step-text\">\r\n                Wir begleiten den Wechsel zum neuen Versorger, koordinieren PV-Partner\r\n                oder Energieauditoren und bleiben Ihr Ansprechpartner im Alltag.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- BENEFITS -->\r\n    <section class=\"te-section\" id=\"vorteile\">\r\n      <div class=\"te-section-header\">\r\n        <div>\r\n          <div class=\"te-section-kicker\">Vorteile<\/div>\r\n          <h2 class=\"te-section-title\">Warum Top-Energie?<\/h2>\r\n        <\/div>\r\n        <p class=\"te-section-sub\">\r\n          Sie m\u00fcssen kein Energieprofi werden, um gute Entscheidungen zu treffen.\r\n          Wir \u00fcbersetzen Markt, Technik und F\u00f6rderbedingungen in klare Handlungsschritte.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"te-benefits-grid\">\r\n        <div class=\"te-benefits-list\">\r\n          <div class=\"te-benefit\">\r\n            <div class=\"te-benefit-icon\">\ud83c\udf0d<\/div>\r\n            <div>\r\n              <div class=\"te-benefit-title\">Naturverbundene Strategien<\/div>\r\n              <div class=\"te-benefit-text\">\r\n                Wir denken Einsparung und Nachhaltigkeit zusammen: weniger Kosten,\r\n                weniger CO\u2082, mehr Unabh\u00e4ngigkeit von Preisspr\u00fcngen.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"te-benefit\">\r\n            <div class=\"te-benefit-icon\">\ud83e\uddfe<\/div>\r\n            <div>\r\n              <div class=\"te-benefit-title\">Klarheit statt Tarifdschungel<\/div>\r\n              <div class=\"te-benefit-text\">\r\n                Wir erkl\u00e4ren jede Empfehlung verst\u00e4ndlich \u2013 inklusive Risiken,\r\n                K\u00fcndigungsfristen und Preisgarantien.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"te-benefit\">\r\n            <div class=\"te-benefit-icon\">\ud83d\udee1\ufe0f<\/div>\r\n            <div>\r\n              <div class=\"te-benefit-title\">Rechtlich sichere Versorgung<\/div>\r\n              <div class=\"te-benefit-text\">\r\n                Dank gesetzlicher Vorgaben bleibt Ihre Energieversorgung gesichert,\r\n                auch wenn Sie den Versorger wechseln.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"te-benefit\">\r\n            <div class=\"te-benefit-icon\">\ud83d\udcde<\/div>\r\n            <div>\r\n              <div class=\"te-benefit-title\">Konkrete Hilfe bei Problemen<\/div>\r\n              <div class=\"te-benefit-text\">\r\n                Fragen zur Jahresabrechnung, Abschl\u00e4gen oder Vertragsdetails?\r\n                Wir sind an Ihrer Seite, nicht nur im Beratungsgespr\u00e4ch.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <aside class=\"te-highlight-box\">\r\n          <div class=\"te-highlight-pill\">\r\n            <span>\u2705<\/span> Unser Versprechen\r\n          <\/div>\r\n          <h3>Beratung auf Augenh\u00f6he \u2013 nicht auf Provisionsjagd<\/h3>\r\n          <p>\r\n            Wir betrachten Ihr Gesamtbild: Verbrauch, Geb\u00e4ude, Zukunfts\u00adpl\u00e4ne,\r\n            Investitionsm\u00f6glichkeiten. Auf dieser Basis empfehlen wir <strong>nur das,\r\n            was zu Ihnen passt<\/strong> \u2013 ob klassischer Tarifwechsel, Photovoltaik\r\n            oder ein f\u00f6rderf\u00e4higes Audit.\r\n          <\/p>\r\n          <p>\r\n            <strong>Sie entscheiden<\/strong>, wir liefern die Fakten, begleiten die Umsetzung\r\n            und bleiben langfristig Ihr Ansprechpartner.\r\n          <\/p>\r\n        <\/aside>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA \/ KONTAKT -->\r\n    <section class=\"te-section\" id=\"anfrage\">\r\n      <div class=\"te-cta\">\r\n        <div>\r\n          <h2>Energie-Check anfragen &amp; Potenziale entdecken<\/h2>\r\n          <p>\r\n            Senden Sie uns Ihre letzte Jahresabrechnung oder Vertragsdaten \u2013\r\n            wir pr\u00fcfen, wo Sie stehen und welche M\u00f6glichkeiten sich f\u00fcr Sie lohnen.\r\n          <\/p>\r\n          <div class=\"te-cta-tags\">\r\n            <span class=\"te-cta-tag\">Privathaushalte<\/span>\r\n            <span class=\"te-cta-tag\">Gewerbe &amp; KMU<\/span>\r\n            <span class=\"te-cta-tag\">Immobilienbesitzer<\/span>\r\n            <span class=\"te-cta-tag\">Investoren<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"te-cta-contact\">\r\n          <h3>Direkter Kontakt<\/h3>\r\n          <div class=\"te-contact-item\">\r\n            <div class=\"te-contact-icon\">\ud83d\udcde<\/div>\r\n            <div>Telefon: <a href=\"tel:+491713228410\">+49 171 3228410<\/a><\/div>\r\n          <\/div>\r\n          <div class=\"te-contact-item\">\r\n            <div class=\"te-contact-icon\">\u2709\ufe0f<\/div>\r\n            <div>E-Mail: <a href=\"mailto:info@top-energie.com\">info@top-energie.com<\/a><\/div>\r\n          <\/div>\r\n          <div class=\"te-contact-item\">\r\n            <div class=\"te-contact-icon\">\ud83d\uddd3\ufe0f<\/div>\r\n            <div>\r\n              Auf Wunsch vereinbaren wir ein <strong>telefonisches oder digitales Erstgespr\u00e4ch<\/strong>,\r\n              in dem wir Ihre Situation strukturiert aufnehmen.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <p class=\"te-cta-hint\">\r\n            Alternativ k\u00f6nnen Sie das Kontaktformular auf der Seite \u201eAnfragen\u201c nutzen.\r\n            Wir melden uns in der Regel innerhalb eines Werktages zur\u00fcck.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ -->\r\n    <section class=\"te-section\" id=\"faq\">\r\n      <div class=\"te-section-header\">\r\n        <div>\r\n          <div class=\"te-section-kicker\">FAQ<\/div>\r\n          <h2 class=\"te-section-title\">H\u00e4ufige Fragen zur Energieberatung<\/h2>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"te-faq-grid\">\r\n        <div class=\"te-faq-item\">\r\n          <div class=\"te-faq-question\">Kostet mich die Beratung etwas?<\/div>\r\n          <div class=\"te-faq-answer\">\r\n            In der Regel ist unsere Beratung f\u00fcr Sie kostenlos. Wir werden von unseren\r\n            Partnern und Anbietern verg\u00fctet \u2013 f\u00fcr Sie entstehen keine zus\u00e4tzlichen\r\n            Beratungskosten.\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"te-faq-item\">\r\n          <div class=\"te-faq-question\">Kann w\u00e4hrend des Wechsels die Versorgung ausfallen?<\/div>\r\n          <div class=\"te-faq-answer\">\r\n            Nein. In Deutschland ist die Energieversorgung gesetzlich abgesichert.\r\n            Selbst bei einem Anbieterwechsel bleibt die Belieferung gesichert.\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"te-faq-item\">\r\n          <div class=\"te-faq-question\">F\u00fcr wen lohnt sich ein Energieaudit?<\/div>\r\n          <div class=\"te-faq-answer\">\r\n            Besonders f\u00fcr Unternehmen mit relevantem Energieverbrauch. Audits zeigen\r\n            Effizienzpotenziale auf und werden \u00fcber staatliche Programme gef\u00f6rdert.\r\n            Wir vermitteln passende Auditoren.\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"te-faq-item\">\r\n          <div class=\"te-faq-question\">Bieten Sie Beratung auch au\u00dferhalb des Siegerlands an?<\/div>\r\n          <div class=\"te-faq-answer\">\r\n            Ja. Wir beraten bundesweit \u2013 telefonisch, per Video oder nach Absprache\r\n            auch vor Ort.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/div>\r\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>Zukunftsf\u00e4hige Energieberatung seit 2017 Top-Energie \u2013 Ihr unabh\u00e4ngiger Partner f\u00fcr niedrige Energiekosten Von der Strom- und Gasoptimierung \u00fcber Photovoltaik bis zum Energieaudit: Wir machen Energie f\u00fcr Haushalte und Unternehmen transparent, planbar und bezahlbar \u2013 bundesweit, pers\u00f6nlich und f\u00f6rderf\u00e4hig. Zertifizierte Beratung inkl. Energieaudits mit F\u00f6rderzuschuss Seit 2017 im Markt gestartet im Siegerland \u2013 aktiv in ganz [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":135,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":35,"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":345,"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/345"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/media\/135"}],"wp:attachment":[{"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}